vue-cli3.x项目中使用postcss-pxtorem和lib-flexible相结合,将px转换为rem,从而实现移动端适配问题,兼容第三方UI框架
一、安装相关插件
npm install lib-flexible postcss-pxtorem --save
//注:如果安装失败,可以使用cnpm
二、main.js
中引入
import 'lib-flexible/flexible.js'
三、package.json
中进行配置
"postcss": {
"plugins": {
"postcss-pxtorem": {
"rootValue": 100,//rem的值
"propList": [
"*"
]
}
}
},
注意:使用时需先增加全局的rem