webpack中配置自动添加css前缀

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添加浏览器的前缀了