-postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem
-lib-flexible 用于设置 rem 基准值
安装依赖
npm i postcss-pxtorem --save-de
基础配置
vue3.0在vue.config.js中配置
lintOnSave: true,
css: {
loaderOptions: {
postcss: {
plugins: [
require('postcss-pxtorem')({
rootValue : 37.5, // 换算的基数
selectorBlackList : ['van',], // 忽略转换正则匹配项
propList : ['*'],
}),
]
}
}
},