前言
Vite 官方并没有提供 Electron 的整合模板，这样我们好像只能通过自己动手从零开始“搭积木”；但是对于大部分前端同学来说用惯了 Vite 官方的 npm create vite 脚手架创建工程，真正脱离脚手架后动起手里就很可能“无从下手”；这也不是 Vite 特有的问题，@vue/cli、create-react-app 同样会使我们“变笨”。
有一说一 Vite 相对于 Webpack 使用要简单的多，概念少；你只需要一个 vite-plugin-xxx 就能解决对应的问题了，最起码这点对我们脱离脚手架自己动手算是个“利好”；就像 Vue 于刚入手前端框架的小白那样很是友好，Vite 对刚刚接触它的同学也很是友好。
本文从 Vite 插件入手，通过插件的形式接管 Electron 的启动、热重启操作；也符合 Vite 使用相对于 Webpack 更加简单的习惯，即使你不用懂 Electron 的启动原理也可以通过本文插件无感知的启动 Electron，降低心智负担。
当然有人可能会疑惑，为啥不是 Vite + Electron 的“样板工程”的方式结合两者 - 各有各的好；如果你更偏向样板工程的方式，你也可以看我做好的样板工程项目