electron-vite 打包配置

electron-vite 是一个基于 Vite 的 Electron 应用开发工具，它允许开发者使用 Vite 的现代前端特性来构建桌面应用。Electron 是一个使用 Web 技术来创建跨平台的桌面应用的框架，而 Vite 是一个现代的前端构建工具，以速度快、配置简单而著称。electron-vite 结合了两者的优势，使得开发 Electron 应用更加高效。

要对 electron-vite 进行打包配置，通常需要遵循以下步骤：

1. **项目初始化**：首先使用 npm 或 yarn 初始化项目，并安装 electron-vite 相关依赖。

2. **配置 Vite**：配置 Vite 的 `vite.config.js` 文件，这通常涉及到定义构建的入口文件、输出目录、服务器设置等。

3. **Electron 入口文件配置**：在 Electron 的主进程和渲染进程文件中配置启动逻辑，例如 `main.js` 和 `renderer.js`。

4. **打包设置**：使用 electron-vite 的构建命令或者自定义脚本进行打包。通常包括：
- 设置构建目标环境，比如生产环境。
- 指定输出目录，通常是 `dist_electron` 或者其他自定义目录。

5. **构建命令**：在 `package.json` 的 `scripts` 中添加构建命令，例如 `"build": "electron-vite build"`，并执行此命令进行打包。

6. **打包后处理**：如果需要，可以在 Vite 构建后运行一些自定义脚本来处理构建产物，比如自动清理、代码签名等。

具体的 electron-vite 打包配置示例代码可能如下所示：

// vite.config.js
import { defineConfig } from 'vite';
import { electron } from '@electron-forge/vite-plugin';

export default defineConfig({
  plugins: [electron()],
  build: {
    outDir: 'dist_electron',
    target: 'node14',
  },
});

在 `package.json` 中添加构建脚本：

{
  "scripts": {
    "build": "vite build"
  }
}

执行 `npm run build` 或 `yarn build` 后，electron-vite 会根据配置文件进行打包，打包产物会输出到 `dist_electron` 目录。