我有一个相当复杂的样式表加载器设置:
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract("style",
"css?sourceMap&localIdentName=[path][name]__[local]__[hash:base64:5]!sass?outputStyle=expanded&" +
"includePaths[]=" + other stuff)
)
}
效果很好,但在某些情况下,我想将 modules
选项添加到 css-loader,所以它看起来像这样:
require('./foo.scss!css?modules&sourceMap&localIdentName=[path][name]__[local]__[hash...');
但我不能到处都这样做。
我如何配置它,以便我可以在某些要求上启用 css-loader 模块标志,同时保持其余部分不变?
也许类似于加载程序的“别名”,例如require('./foo.scss!my-scss-with-modules-flag-alias')
?
我能想到的唯一解决方案是编写一个加载器,该加载器执行语法转换以将加载器配置内联到某些 require 调用中……但这既脆弱又复杂。
最佳答案
resolveLoader.alias 将在这里工作。即。
resolveLoader: {
alias: {
'with-modules': 'loader definition goes here',
}
}
使用这个配置你可以简单的做
require('with-modules!./foo.scss');
在您的代码处。
关于javascript - Webpack 加载器别名?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31313088/