vite配置-整合Element Plus

// vite.config.ts

import vue from "@vitejs/plugin-vue";

import { UserConfig, ConfigEnv, loadEnv, defineConfig } from "vite";

import { ElementPlusResolver } from "unplugin-vue-components/resolvers";

import Icons from "unplugin-icons/vite";

import IconsResolver from "unplugin-icons/resolver";

export default ({ mode }: ConfigEnv): UserConfig => {

    return {

        plugins: [

            AutoImport({

                resolvers: [

                    // 自动导入 Element Plus 相关函数，如：ElMessage, ElMessageBox... (带样式)

                    ElementPlusResolver(),

                    // 自动导入图标组件

                    IconsResolver({}),

                ]

                // 是否在 vue 模板中自动导入

                vueTemplate: true, 

                // 自动导入组件类型声明文件位置，默认根目录

                dts: path.resolve(pathSrc, 'types', 'auto-imports.d.ts') 

            }),

        	Components({ 

        		resolvers: [

        			// 自动导入 Element Plus 组件

        			ElementPlusResolver(),

            		// 自动注册图标组件

            		IconsResolver({

                        //element-plus 图标库，其他图标库 https://icon-sets.iconify.design/

                        enabledCollections: ["ep"] 

            		}),

                ],

                //  自动导入组件类型声明文件位置，默认根目录

                dts: path.resolve(pathSrc, "types", "components.d.ts"),

			}),

             Icons({

                 // 自动安装图标库

                 autoInstall: true,

             }),

         ],

	}

}