Vite 按需引入 Ant Design Vue 3.0

Vite 按需引入 Ant Design Vue 3.0

第一步下载： npm i unplugin-vue-components -D
需要注意的是：Vite你可以用 unplugin-vue-components 来进行按需加载。
但是此插件无法处理非组件模块，如 message，这种组件需要手动加载：如下
import { message } from 'ant-design-vue';
import 'ant-design-vue/es/message/style/css'; 
vite只能用 ant-design-vue/es 而非 ant-design-vue/lib
更多库的按需加载参考地址：
https://github.com/antfu/unplugin-vue-components

配置 vite.config.js

import Components from 'unplugin-vue-components/vite'
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
export default defineConfig({
  plugins: [
    vue(),
    //按需加载
    Components({
      resolvers: [AntDesignVueResolver()]
    })
  ],
})