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' ]}