webpack打包中自动添加css前缀
首先我们先安装配置所需要的包
npm i postcss-loader autoprefixer
然后在项目根目录中创建配置文件postcss.config.js,并初始化如下配置:
const autoprefixer=require('authoprefixer') //导入自动添加前缀的插件
module.expres={
plugins:[autoprefixer]
}
最后在webpack.config.js的module->rules数组中,修改css的loader规则如下:
module:{
rules:[
{test:/\.css$/,use:['style-loader','css-loader','postcss-loader']}
]
}
最后进行weboack打包的时候,就会自动为css添加浏览器的前缀了