我正在将当前项目升级到Webpack2,之前它是使用Webpack1的。我研究了一些有关升级的教程,总的来说,我确实了解。
我一直遇到的问题是,我不确定在指定模块规则(加载器)时应何时使用“ use”和“ loader”。起初,我以为use
取代了loader
。我了解这种语法:
module: {
rules: [{
test: /\.scss$/,
use: [
{
loader: 'postcss-loader',
options: {
plugins: ...
}
},
'sass-loader'
]
}]
}
但是,当我使用ExtractTextPlugin
时,似乎不喜欢它use
。我已经试过了:
{
test: /\.scss$/,
use: [
{
loader: ExtractTextPlugin.extract({
fallbackLoader: 'style-loader',
loader: scssLoaders
})
}]
},
与scssLoaders
存在:
var scssLoaders = [
{
loader: 'css-loader',
options: {
modules: true,
importLoaders: '2',
localIdentName: '[name]__[local]__[hash:base64:5]'
}
},
{
loader: 'postcss-loader'
},
{
loader: 'sass-loader',
options: {
outputStyle: 'expanded',
sourceMap: true,
sourceMapContents: true
}
}
];
在解决其他问题之前,我只会在这里停留。有人可以帮忙解释一下我在这里缺少什么吗?随意询问您需要帮助的任何其他代码!
先感谢您。
module.rules
适用于装载机。将规则指定loader
为只是快捷方式对于插件,请
plugins
在配置中使用该属性。