如何使用autoprefixer使用 webpack 2.x。
以前，它曾经是这样的......
...
module: {
loaders: [
{
test: /\.scss$/,
loader: 'style!css!sass!postcss'
}
]
},
postcss: () => {
return [autoprefixer]
},
...
但是，它不再起作用了。
如何将其重写为[电子邮件受保护] /cdn-cgi/l/email-protection?
Webpack 2.x.x 是杀手和构建破坏者
webpack 2.x.x介绍webpack.LoaderOptionsPlugin()您需要在其中定义所有加载器选项插件的插件。喜欢，autoprefixer是一个插件postcss-loader。所以，它必须去这里。
And
-
module.rules取代module.loaders
- 所有加载程序都应该明确表示它们是加载程序。前任。
loader: 'style!css'应该loader: 'style-loader!css-loader'
新的配置看起来像这样......
...
module: {
rules: [
{
test: /\.scss$/,
loaders: ['style-loader', 'css-loader', 'sass-loader', 'postcss-loader']
}
]
},
plugins: [
new webpack.LoaderOptionsPlugin({
options: {
postcss: [
autoprefixer(),
]
}
})
],
...
希望这对大家有帮助。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
