介绍

自动按需导入UI组件库, 支持这些UI组件库

配置

import vue from '@vitejs/plugin-vue';
import { defineConfig } from 'vite';
import { resolve as resolvePath } from 'path';
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
import AutoImportComponents from 'unplugin-vue-components/vite';

// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: {
      '@': resolvePath('./src'),
    },
  },
  plugins: [
    vue(),
    AutoImportComponents({
      // 自动按需导入 element-plus
      extensions: ['vue'],
      include: [/\.vue$/, /\.vue\?vue/],
      resolvers: [ElementPlusResolver()],
    }),
  ],
});