カルマ - モジュールが見つかりません：エラー：モジュール 'scss'を解決できません

Question

私はテストを書くためのモジュールを持っています。私はES6でそれを書いているので、私はそれをtranspileするためにwebpackを使用します。

ファイル（app.js）は次のように起動します：

import template from './app.html'; // pulls in the template for this component 
import './app.scss'; // pulls in the styles for this component 

しかし、私は、テストを実行すると、私はapp.scssエラーを取得する

ERROR in ./src/app.js 
Module not found: Error: Cannot resolve module 'scss' in /Users/.../src 
@ ./src/app.js 11:0-21 
13 05 2016 10:38:52.276:INFO [..browserinfo..]: Connected on socket /#KYFiNbOR-7lqgc9qAAAA with id 63011795 
(browser) ERROR 
    Uncaught Error: Cannot find module "./app.scss" 
    at /Users/.../spec.bundle.js:34081 <- webpack:///src/app.js:4:0 

Finished in 0.241 secs/0 s 

テスト開始を発見されません

：

import angular from 'angular'; 
import header from './app.js'; // error occurs here cause .scss file is not recognized 

describe('my module',() => { 
    let $rootScope, makeController; 
    // testing stuff 
}); 

マイkarma.conf.jsファイルがこれを含まれています。このような

webpack: { 
    devtool: 'inline-source-map', 
    module: { 
    loaders: [ 
     { test: /\.js/, exclude: [/app\/lib/, /node_modules/], loader: 'babel' }, 
     { test: /\.html/, loader: 'raw' }, 
     { test: /\.scss/, loader: 'style!css!scss' }, 
     { test: /\.css$/, loader: 'style!css' } 
    ] 
    } 
} 

karma/webpackでscssファイルを正しく読み取ってテストを実行するにはどうすればよいですか？

Answer 1

問題はタイプミスでした：

scssはsass

webpack: { 
    module: { 
    loaders: [ 
     ..., 
     { test: /\.scss/, loader: 'style!css!sass' }, 
     ... 
    ] 
    } 
} 

されている必要があります