Ant Design Vue V3 Vite按需加载

安装vite-plugin-importer

cnpm i -D vite-plugin-importer

vite.config.js 配置

import usePluginImport from "vite-plugin-importer";


export default defineConfig({

    plugins: [

        vue(),

        usePluginImport({

            libraryName: "ant-design-vue",

            libraryDirectory: "es",

            style: "css",

        }),

    ],

})

main.js 引入

import { createApp } from 'vue'
import App from './App.vue'
import { Button, Input } from 'ant-design-vue';

const app = createApp(App);
app.use(Input);
app.use(Button);
app.mount("#app");