-postcss-pxtorem 是一款 postcss 插件摇予,用于將單位轉(zhuǎn)化為 rem
-lib-flexible 用于設(shè)置 rem 基準(zhǔn)值
安裝依賴
npm i postcss-pxtorem --save-de
基礎(chǔ)配置
vue3.0在vue.config.js中配置
lintOnSave: true,
css: {
loaderOptions: {
postcss: {
plugins: [
require('postcss-pxtorem')({
rootValue : 37.5, // 換算的基數(shù)
selectorBlackList : ['van',], // 忽略轉(zhuǎn)換正則匹配項
propList : ['*'],
}),
]
}
}
},