vue-cli3项目,使用postcss实现浏览器css兼容处理
2021-08-19 本文已影响0人
sweetylulu
1、npm i postcss-loader autoprefixer@8.3.1 -D
autoprefixer需要安装8.x.x,否则会报错
2、配置postcss.config.js
const autoprefixer = require('autoprefixer')
module.exports = {
plugins: [autoprefixer]
}
3、配置webpack.config.js
module.exports = {
module: {
rules: [
{test: /\.css$/,
use: ['style-loader', 'css-loader', 'postcss-loader']}
]
}
}
如果未生效,将.browserslistrc文件中的数值改大点
image.png