在Vue3项目中，Element Plus UI库实现按需自动引入组件

一、安装必要的插件

npm install element-plus --save 
npm install -D unplugin-vue-components unplugin-auto-import 

二、在vite.config.js中配置插件：

import {
	defineConfig
} from 'vite'
import vue from '@vitejs/plugin-vue'
// 按需导入 开始
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: [
		vue(),
		// 按需导入 开始
		AutoImport({
			resolvers: [ElementPlusResolver()],
		}),
		Components({
			resolvers: [ElementPlusResolver()],
		}),
		// 按需导入 结束
	]
})

三、这样设置后，在你的Vue组件中就可以直接使用Element Plus的组件，无需手动导入，插件会自动识别并在编译时引入所需的组件

四、示例：

<script setup></script>

<template>
	<el-button type="danger">test</el-button>
</template>

<style scoped></style>

五、特殊说明：按照上述进行配置即可，实现，其它无需配置