vite+vue3 按需引入element-plus 及element-icon图标的配置

1.在项目中安装element-plus
# NPM
$ npm install element-plus --save
# Yarn
$ yarn add element-plus
# pnpm
$ pnpm install element-plus

2.按需导入需要再继续安装两个插件
npm install -D unplugin-vue-components unplugin-auto-import

3.在项目的vite.config.ts中引入并配置plugins
// vite.config.ts
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplug

vite+vue3 按需引入element-plus 及element-icon图标的配置最先出现在Python成神之路。