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. 打包后看效果