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 컴파일을 해야 한다면 문제가 발생한다.