webpack配置postCss

不同浏览器对样式的兼容性不同,针对不同的浏览器要手动为css添加前缀保证他在各个浏览器的兼容性,
但是可以通过打包工具中配置postCss自动为css样式添加前缀
1.首先

npm install postcss-loader autoprefixer -D

2.在项目根目录中创建一个配置文件postcss.config.js,并进行配置

let autoprefixer=require('autoprefixer')//导入自动添加前缀的插件
module.exports={
	plugins:[autoprefixer]//挂载插件
}

修改webpack.config.js文件中的配置

{test:/\.css$/,use:['style-loader','css-loader','postcss-loader']