vite - - - - - 自动按需加载 ant-design-vue

1. 安装 ant-design-vue

yarn add ant-design-vue

2. 安装按需加载依赖

yarn add unplugin-vue-components --dev

3. 配置 vite.config.js

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import { AntDesignVueResolver } from "unplugin-vue-components/resolvers";
import Components from "unplugin-vue-components/vite";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(), //按需加载
    Components({
      resolvers: [AntDesignVueResolver()],
    }),
  ],
});

4. 页面使用

<template>
  <a-button type="primary">Primary Button</a-button>
</template> 

页面效果：