如何在我的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')] 
     } 
    } 
    ] 
}