angular.js - ng2下提取sass檔有問題？

Question

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檔呢？

Answer 1

請用styleUrls，raw-loader應該放在最後執行。不過用了require以後要AOT編譯的話你會踩坑的。