优秀插件

unplugin-vue-components

1 .自动引入插件
2 .这样里面就很干净了，不用写很多import了

unplugin-auto-import/vite

1 .自动引入hook

vue-plugin-components

1 .实现组件库或内部组件的自动按需引入组件，不需要手动进行import，可以帮我们省去不少import的代码

webpack配置工程师

vite-plugin-vue-images

1 .自动导入图片

unocss

1 .原子化操作，但是好像没啥必要。
2 .喜欢的是最后会合并。

vite-plugin-vue-inspector

1 .点击页面元素，自动打开本地ide并跳转到对应的vue组件
2 .插件实现

1 .Open IDE:打开编辑器
2 .Web层:提供该功能所需的页面元素及交互功能
3 .Server层:用户交互时传递数据到Server 层，由server层调用Open IDE功能
4 .DOM=>Vue SFC web页面和代码组件的映射关系

vite-plugin-optimize-persist

1 .一个预构建插件，不需要一个一个的去vite里面配置optimizeDeps的include
2 .插件会自动将动态依赖项自动分析添加
3 .一些懒加载的页面，也是会进行预编译，这个过程就会等待，导致页面白屏。这个插件也会预编译这些东西

vite-plugin-remote-module 拉取远程代码

1 .做可视化项目