webpackはscssファイルを読み込みませんか？

Question

signinフォルダ内にこの4つのファイルがあります。私は、ブラウザ上でlocadedリソースを見たときに何かが間違っている、それにも関わらず

@import "../../../node_modules/bootstrap/scss/_variables"; 
@import "../../../node_modules/bootstrap/scss/mixins"; 

：

私のサインインもコンポーネントがある私はnode_modulesにある2つのファイルをインポートするために宣言したsignin.style.scssで

signin.component.ts 
signin.module.ts 
signin.style.scss 
signin.template.html 

以下のような：それでも

@Component({ 
    selector: 'signin', 
    styleUrls: [ './signin.style.scss' ], 
    templateUrl: './signin.template.html' 
}) 
export class Signin implements OnInit { 

どちらsignin.style.scss、その他のインポート（"../../../node_modules/bootstrap/scss/_variables"および"../../../node_modules/bootstrap/scss/mixins"）はブラウザにロードされません。

アイデア？

Answer 1

webpackにローダーを使用する必要があります。

{test: /\.scss$/, loaders: [ 'style', 'css', 'sass' ]}