ElementPlus按需引入

1.在src下面创建/plugins/index.ts文件，输入自己想手动导入的组件

import { App } from "vue";
import { ElDatePicker, ElTable } from "element-plus";export default (app: App<Element>): void => {app.use(ElDatePicker);app.use(ElTable);
};

2. 在main.ts中引入上面定义的文件

import { createApp } from "vue";
import App from "./App.vue";
import router from "@/routers/index";
import elementPlus from "@/plugins/index";const app = createApp(App);
app.use(router).use(elementPlus).mount("#app");

3.安装官方给的插件unplugin-element-plus(为 Element Plus 按需引入样式)

npm i unplugin-element-plus -D

 在vite.consfig.ts文件中添加以下代码：

// vite.config.ts
import ElementPlus from 'unplugin-element-plus/vite'export default {plugins: [ElementPlus({// options}),],
}

即可完成对elementplus组件的手动按需导入!