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组件的手动按需导入!