webpack2.0配置postcss-loader的方法
编程学习 2021-07-04 18:33www.dzhlxh.cn编程入门
本篇文章主要介绍了webpack2.0配置postcss-loader的方法，长沙网络推广觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随长沙网络推广过来看看吧
本文介绍使用webpack2.0配置postcssloader，分享给大家。具体如下：
安装postcss-loader
npm install --save-dev postcss-loader
然后配置webpack.config.js
{
test:/\.css$/,
use:[
'style-loader','css-loader?importLoaders=1','postcss-loader'
]
}
一种办法是配置postcss.config.js
module.exports = {
plugins: [
require('autoprefixer')({ /* ...options */ })
]
}
第二张办法是webpack.config.js使用LoaderOptionsPlugin
module.exports = {
plugins: [
new webpack.LoaderOptionsPlugin({
options: {
postcss: function(){
return [
require("autoprefixer")({
browsers: ['ie>=8','>1% in CN']
})
]
}
}
})
]
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。