1. You need to use additional plugins to import the components you want to use
1. Automatic import: first you need to install the two plug-ins unplugin-vue-components and unplugin-auto-import
npm install -D unplugin-vue-components unplugin-auto-import
2. Then insert the following code into your Vite configuration file
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()],
}),
],
})
3. For this method, refer to the official document of element-plus
element-plus imports on demand