webpack-angular2スターターキットにサスのサポートを追加するには？

Question

webpack-angular2スターターキット（https://github.com/AngularClass/angular2-webpack-starter）

私はSassサポートをどのように実装できますか？

Answer 1

いくつかの調査の後、私はSassサポートを実装しました。

これは私のソリューションです：「ローダー：」

webpack.common.jsで

npm install node-sass sass-loader raw-loader --save-dev 

、の検索：あなたの既存のpackage.jsonがあるプロジェクトフォルダ内の

コマンドラインと、このオブジェクトを追加あなたのコンポーネントで次に

{ 
    test: /\.scss$/, 
    exclude: /node_modules/, 
    loaders: ['raw-loader', 'sass-loader'] // sass-loader not scss-loader 
} 

：ローダー配列の末尾に（前のオブジェクトの末尾にカンマを追加することを忘れないでください）

を

@Component({ 
    styleUrls: ['./filename.scss'], 
}) 

グローバルCSSのサポートをしたい場合は、トップレベルのコンポーネント（おそらくapp.component.ts）にカプセル化を削除し、SCSSが含ま：

import {ViewEncapsulation} from '@angular/core'; 

@Component({ 
    selector: 'app', 
    styleUrls: ['./bootstrap.scss'], 
    encapsulation: ViewEncapsulation.None, 
    template: `` 
}) 
class App {}