05. 添加css3浏览器前缀
于2022-10-20 11:22:05发布
54
1. 安装 postcss-loader autoprefixer
2. 在webpack.config.js中配置
module:{
rules : [{
test : /.css$/,
use : ['style-loader','css-loader',{
loader : 'postcss-loader',
options : {
plugins : [
require('autoprefixer')({
browsers : [
'ie >=8',
'Firefox >=20',
'Safari >=5',
'Android >=4',
'Ios >=6',
'last 4 version'
]
})
]
}
}]
}]
}
3. 在css文件写一个需要兼容前缀的属性,比如 display: flex;
4. 打包后看效果