angular2コンポーネントにSASS変数を含める

Question

私はagular 2コンポーネントでsass変数を使用できるかどうか疑問に思っています。何かのように：

@Component({ 

    selector: 'my-component', 

    template: ` 
    <div> 
     <div class="test-div">test div 1</div> 
    </div> 
    `, 

    styles: [ 
    ` 
    @import "variables"; 

    .test-div{ 
     border: 1px solid $test-color; 
    } 
    `] 

}) 

私のファイル_variables.scss：

$test-color: green !default; 

私がSASS変数が認識アレント試みるものは何でもそうです。 ご迷惑をおかけして申し訳ございません。

Answer 1

別々のファイルのスタイルを含めます。

@Component({ 
    selector: 'app-questions', 
    templateUrl: './questions.component.html', 
    styleUrls: ['./questions.component.scss'], 
}) 

それは私のためにうまく機能コンポーネントのフォルダに_variables.scssファイルを追加し、questions.component.scss

@import 'variables'; 

.questions-filter{ 
    a { 
    color: $green; 
    } 
} 

でそれをインポートします。