vue3 vite px转rem自适应适配

安装插件

cnpm i postcss-pxtorem -D

cnpm i amfe-flexible -D

vite.config.ts

import postCssPxToRem from 'postcss-pxtorem'

export default defineConfig({
    
    
...
  css:{
    
    
    postcss:{
    
    
      plugins:[
        postCssPxToRem({
    
    
          rootValue: 192, // pc端建议：192，移动端建议：70；设计稿宽度的1 / 10
          propList: ["*", "!border"], // 除 border 外所有px 转 rem
          selectorBlackList: [".el-"] // 过滤掉.el-开头的class，不进行rem转换
        })
      ]
    }
  }
})