1、组件:
import { Component } from '@angular/core'; @Component({ selector: 'app', template: require('./app.component.html'), styles: [ require('./app.component.scss') ] }) export default class AppComponent{ }
2、在webpack中的配置:
... { test: /\.scss$/, loader: ExtractTextPlugin.extract( 'style-loader', 'raw-loader!css-loader!sass-loader' ), exclude: /node_modules/ } ...
3、在浏览器下报Uncaught Error: Expected 'styles' to be an array of strings.
4、到底要怎么提取scss文件呢?
styleUrls を使用してください。raw-loader は最後に実行する必要があります。ただし、require を使用した後に AOT コンパイルが必要な場合は、問題が発生します。