项目中使用了 vite 的情况下,可以使用unplugin-vue-components
进行按需加载
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from "unplugin-vue-components/vite";
import { AntDesignVueResolver } from "unplugin-vue-components/resolvers";
import { resolve } from 'path';
// https://vitejs.dev/config/
export default defineConfig({
server: {
port: 8080, //启动端口
hmr: {
host: 'localhost',
port: 8080
},
},
plugins: [
vue(),
Components({
resolvers: [AntDesignVueResolver()],
}),
],
})
按照上述配置后,组件内部直接使用 ant-design-vue 的组件即可