Vue3 按需加载element-plus

1)安装Element Plus

cnpm install element-plus --save

2) 安装自动导入组件的插件

cnpm install -D unplugin-vue-components unplugin-auto-import

3)安装按需引入样式的插件

cnpm i unplugin-element-plus -D

 4)配置vite.config.js

import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// 为 Element Plus 按需引入样式。
import ElementPlus from 'unplugin-element-plus/vite'
 
export default defineConfig({
  plugins: [
    // ...
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
    ElementPlus({
      // options
    }),
  ]
})