Vue3自动引入组件（unplugin-auto-import和element-plus）
// vite.config.js
import { defineConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
export default defineConfig({
plugins: [
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
],
})这段代码配置了Vite构建工具和unplugin-auto-import和unplugin-vue-components插件，以自动导入Element Plus组件库中的组件和样式。在Vue文件中直接使用Element Plus组件无需手动导入，同时也不需要手动导入对应的样式。这种方式提高了开发效率，减少了代码量，并保持了项目的维护性。
评论已关闭