vue3.0+vite+ant-design-vue 按需加载(组件模块)

项目中使用了 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 的组件即可

你可能感兴趣的:(vue3.0,vue.js,javascript,前端)