1、安裝lib-flexible
npm i -S amfe-flexible
2佑颇、在main.ts中引入
import 'amfe-flexible'
3顶掉、安裝postcss-pxtorem
npm install postcss-pxtorem --save-dev
4、在根目錄下的vue.config.js(沒有就新建一個)
module.exports = {
css: {
postcss: {
plugins: [
require('postcss-pxtorem')({
rootValue: 100, // 換算的基數(shù)(我的需要應(yīng)用到大屏挑胸,設(shè)計圖為1920*1080痒筒,一般移動端的設(shè)計圖為750px,這個數(shù)值為37.5)
selectorBlackList: ['weui', 'mu'], // 忽略轉(zhuǎn)換正則匹配項
propList: ['*']
})
]
}
}
}