vue3+vite rem适配

1、安装lib-flexible 和 postcss-pxtorem

npm i lib-flexible postcss-pxtorem -D

2、在vite.config.ts

const postCssPxToRem = require("postcss-pxtorem")
  css: {
    postcss: {
      plugins: [
        postCssPxToRem({
          rootValue: 32, // 1rem的大小
          propList: ['*'], // 需要转换的属性,这里选择全部都进行转换
        })
      ]
    },
  },

你可能感兴趣的:(vue3+vite rem适配)