npm i amfe-flexible postcss-pxtorem -D
在main.js中添加
import 'amfe-flexible'
vite.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
const px2rem = require("postcss-pxtorem")
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
css: {
postcss: {
plugins: [
px2rem({
rootValue:192, // 1rem的大小
propList: ['*'], // 需要转换的属性,这里选择全部都进行转换
unitPrecision: 10
})
]
},
}
})