vite-plugin-electron-renderer

简而言之，vite-plugin-electron-renderer 职责是填充 Electron, Node.js 内置模块。

English | 简体中文

原理

> 加载 Electron、Node.js CJS 包/内置模块/electron (示意图)

``
┏————————————————————————————————————————┓ ┏—————————————————┓
│ import { ipcRenderer } from 'electron' │ │ Vite dev server │
┗————————————————————————————————————————┛ ┗—————————————————┛
│ │
│ 1. Pre-Bundling electron module into │
│ node_modules/.vite-electron-renderer/electron │
│ │
│ 2. HTTP(Request): electron module │
│ ————————————————————————————————————————————————> │
│ │
│ 3. Alias redirects to │
│ node_modules/.vite-electron-renderer/electron │
│ ↓ │
│ const { ipcRenderer } = require('electron') │
│ export { ipcRenderer } │
│ │
│ 4. HTTP(Response): electron module │
│ <———————————————————————————————————————————————— │
│ │
┏————————————————————————————————————————┓ ┏—————————————————┓
│ import { ipcRenderer } from 'electron' │ │ Vite dev server │
┗————————————————————————————————————————┛ ┗—————————————————┛
`

dependencies 与 devDependencies

#### 为啥推荐将可以正确构建的包放到 devDependencies` 中？

这样做会减小 electron-builder 打包后的应用体积。