webpack不加載scss文件？

Question

我在signin文件夾中有這4個文件。

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

在signin.style.scss我宣佈導入位於node_modules兩個文件：

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

然而，什麼是錯的，當我看着locaded資源上的瀏覽器：

我登入組件如：

@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中使用loader。

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