vite tsx项目的element plus集成 - 按需引入踩坑

前面我们进行了开源组件的自研，很多组件可直接用现成的开源组件库，并不需要自己重复造轮子，为此我们讲如何在当前vite + vitepress + tsx技术整合的项目中实现element plus组件的按需引入，同时解决遇到的一些坑。

安装Element Plus

npm i -S element-plus

插件安装

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

vite配置

用到了vitepress来展示组件文档，要在文档的vue页面中使用element组件同样需要配置：

docs/.vitepress/config.ts