Webpackのsass-loader configにSCSSのリソースルートを指定するにはどうすればよいですか？

Question

は、私のようなものがあるだろう：私のWebPACKの設定で

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

を、私はすべての私のSCSSとJSファイル内でapp/サブフォルダを持って

現在のために@import 'app/whatever/my_partial';に私が持っている部分SCSSをインポートします認識されるべきである。

app/をこれらのファイルのリソースルートとして扱うようにローダーを設定するには、どうすれば@import 'whatever/my_partial'と言うことができますか？

これはWebpack 2.x btwの場合です。

賢い人からの助けがあれば幸いです。

Answer 1

sass-loaderのincludePathsオプションにapp/を追加できます。 .scssのルールは、

{ 
    test: /\.scss$/, 
    exclude: /node_modules/, 
    use: [ 
    'style-loader', 
    'css-loader', 
    { 
     loader: 'sass-loader', 
     options: { 
     includePaths: [path.resolve(process.cwd(), 'app')] 
     } 
    } 
    ] 
}