electron-vite 打包配置

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

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

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

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

打包设置：使用 electron-vite 的构建命令或者自定义脚本进行打包。通常包括：

设置构建目标环境，比如生产环境。
指定输出目录，通常是 dist_electron 或者其他自定义目录。

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

打包后处理：如果需要，可以在 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 目录。