V3使用Vant4组件库----实现自动按需加载

实现 Vant 组件的自动按需加载，官方文档
1.安装: pnpm add unplugin-vue-components -D
2.配置，vite.config.ts

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// #1
import Components from 'unplugin-vue-components/vite'
// #2
import { VantResolver } from 'unplugin-vue-components/resolvers'

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue(),
        // #3 自动导入的插件
        Components({
            // #5 默认 true，开启自动生成组件的类型定义文件，而 vant 已经自带类型了，无需生成
            dts: false,
            // #4 main.ts 已经引入了所有的 vant 样式，不需要自动导入样式，只需要自动导入组件即可
            resolvers: [VantResolver({ importStyle: false })]
        })
    ],
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url))
        }
    }
})