Angular2とwebpack、コンポーネントにはサスブレークユニットテストが必要

Question

現在、Angular2、Sass、Webpackを使用してテストを作成し、Gulp/Karmaを使用している新しいプロジェクトを開始しています。残念ながら、一度私のユニットテストが壊れたコンポーネントで私のSassファイルを要求し始めた。私はReact &モカでこの問題と同様の参照を見たことがありますが、私のセットアップでそれを解決する方法はあまりよく分かりません。

例：

@Component({ 
    ... 
    template: require('./dashboard.component.html'), 
    styles: [ require('./dashboard.component.scss') ] 
}) 
export class DashboardComponent { 
    ... 
} 

私はそれがサスが壊れてファイルが必要なコンポーネントをロードしようとしたら、それはそう私のテストを実行してみてください。

ERROR in ./scripts/app/dashboard/dashboard.component.scss 
Module parse failed: [path]/dashboard.component.scss Unexpected character '@' (1:0) 
You may need an appropriate loader to handle this file type. 
SyntaxError: Unexpected character '@' (1:0) 

ご協力いただきありがとうございます。

Answer 1

webpack設定セクションのkarma.conf.jsでsass-loaderが不足していることが分かりました。

ジャストローダーに次を追加しました：

{ test: /\.scss$/, exclude: /node_modules/, loader: 'raw-loader!sass-loader' } 

は、今では正常に動作します。うわー！