vue 使用px轉(zhuǎn)rem
npm i postcss-pxtorem -D
npm i amfe-flexible
安裝好postcss-pxtorem 之后也出現(xiàn)了.postcssrc.js 文件，但是文件中只有三個(gè)參數(shù)
module.exports = {
"plugins": {
"postcss-import": {},
"postcss-url": {},
// to edit target browsers: use "browserslist" field in package.json
'autoprefixer': {}
}
}
手動(dòng)加上如下參數(shù)后報(bào)錯(cuò)
module.exports = {
"plugins": {
"postcss-import": {},
"postcss-url": {},
// to edit target browsers: use "browserslist" field in package.json
'autoprefixer': {
browsers: ['Android >= 4.0', 'iOS >= 7']
},
'postcss-pxtorem': {
rootValue: 37.5, //vant-UI的官方根字體大小是37.5
propList: ['*']
}
}
}
解決辦法：重新安裝postcss-pxtorem 指定5.0.0版本 就可以了
npm i postcss-pxtorem@5.0.0 -D
