vue-cli3.x項目中使用postcss-pxtorem和lib-flexible相結(jié)合两入,將px轉(zhuǎn)換為rem屿愚,從而實現(xiàn)移動端適配問題川无,兼容第三方UI框架
一、安裝相關(guān)插件
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