1、npm install postcss-px2rem --save-dev
2、npm install lib-flexible --save-dev
3、main.js中引入:
import 'lib-flexible'
4、vue.config.js中配置:
module.exports = {
lintOnSave: false,//关闭eslint
css: {
loaderOptions: {
postcss: {
plugins: [
require('postcss-px2rem')({remUnit: 75}), // 换算的基数
]
}
}
}
}
5、效果: