vite-plugin-electron-renderer: Vite 插件，用于 Electron 渲染进程的使用详解

vite-plugin-electron-renderer 是一个 Vite 插件，专门用于 Electron 渲染进程的开发。它简化了在使用 Vite 构建 Electron 渲染进程时的配置和打包过程。下面是一个详细的使用说明：

安装插件：

npm install vite-plugin-electron-renderer --save-dev

在 Vite 配置文件（vite.config.js）中引入插件并配置：
```
import { defineConfig } from 'vite'
import electronRenderer from 'vite-plugin-electron-renderer'

export default defineConfig({
  plugins: [
    electronRenderer()
  ]
})
```
该插件会自动将 Vite 构建的资源注入到 Electron 的渲染进程中，并会处理一些 Electron 特定的需求，如支持 Node.js 模块引入。
创建 Electron 渲染进程的入口文件（如 src/main.js），并在其中编写代码：
```
import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')
```
这是一个使用 Vue.js 创建应用的示例。
在 package.json 中添加命令，用于启动 Electron 渲染进程：
```
"scripts": {
  "start": "electron ."
}
```
这里使用了 electron 这个命令来启动 Electron 应用，"."表示当前目录是渲染进程的入口。
启动 Electron 渲染进程：
```
npm run start
```
这会启动 Electron 应用，并加载 Vite 构建的渲染进程文件。

这样，你就可以使用 Vite 构建和开发 Electron 渲染进程了。vite-plugin-electron-renderer 会自动将你的代码注入到渲染进程中，并提供一些 Electron 特定的功能支持。除此之外，你可以像在开发普通的 Vue.js 或 React 应用一样开发 Electron 渲染进程，享受 Vite 带来的速度和开发体验。