vite 移动端适配

1,015 阅读1分钟
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
        })
      ]
    },
  }
})