vue3-vite使用lib-flexible（amfe-flexible）总结

创建完vue3项目也安装了flexible插件页面就是不转化rem，搞了好久才发现还要另外配置文件！！！记录一下

安装插件

• 安装postcss-pxtorem

npm install postcss-pxtorem --save-dev

• 安装lib-flexible

npm i -s  amfe-flexible

• 在main.js引入插件

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转换
      }
    }
  }