如何在我的Webpack sass-loader配置中爲SCSS指定資源根目錄？

Question

說我有這樣的：。

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

在我的WebPack配置

，我有我的所有SCSS和JS文件在app/子文件夾

目前進口部分的SCSS我不得不@import 'app/whatever/my_partial';爲它得到認可。

如何設置加載程序將app/作爲這些文件的資源根目錄，因此我可以說@import 'whatever/my_partial'？

這是與Webpack 2.x順便說一句。

從你的任何幫助聰明的人非常感謝！

Answer 1

您可以將app/添加到sass-loader中的includePaths選項。您的.scss規則必須更改爲：

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