创建完vue3项目也安装了flexible插件页面就是不转化rem,搞了好久才发现还要另外配置文件!!!记录一下
安装插件
npm install postcss-pxtorem --save-dev
npm i -s amfe-flexible
import 'amfe-flexible'
配置postcss.config.js文件
在根目录,和package.json同级,创建一个名为postcss.config.js
的文件,(后续入需要其他属性可以在百度一下)
module.exports = {
"plugins": {
"postcss-pxtorem": {
rootValue: 37.5, // Vant 官方根字体大小是 37.5(根据使用的ui组件?定义根元素大小?
propList: ['*'],
selectorBlackList: ['.norem'] // 过滤掉.norem-开头的class,不进行rem转换
}
}
}