使用vant4+vw创建webapp项目

npm i unplugin-auto-import --save-dev

npm i unplugin-vue-components -D

npm i postcss-px-to-viewport --save-dev

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import pxtovw from 'postcss-px-to-viewport'
import Components from 'unplugin-vue-components/vite';
import { VantResolver } from 'unplugin-vue-components/resolvers';
import AutoImport from 'unplugin-auto-import/vite'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(),
  Components({
    resolvers: [VantResolver()],
  }),
  AutoImport({
    imports: ['vue', 'vue-router', 'vuex']
  })
  ],
  css: {
    postcss: {
      plugins: [
        pxtovw({
          viewportWidth: 750,
          unitPrecision: 2,
          exclude: [/node_modules/]
        })
      ]
    }
  }
})