Electron子进程的构建默认不会移除依赖中的无用代码这与前端构建有本质区别。特性前端构建子进程Node.js构建Tree-shaking✅ 支持静态分析 ES modules❌ 默认不支持CommonJS 动态 require代码压缩✅ 默认启用Terser 等❌ 默认不压缩保留可读性无用代码移除✅ 基于 import/export 分析❌ 整个模块复制到产物Bundle 大小优化后通常较小包含完整 node_modules体积大下面介绍几种常用的子进程构建工具。工具现状总览工具维护状态推荐指数适用场景electron-vite✅ 积极维护⭐⭐⭐⭐⭐首选推荐vite-plugin-electron✅ 维护中⭐⭐⭐⭐已有 Vite 项目集成electron-webpack❌ 基本废弃⭐不推荐新项目使用详细对比1. electron-webpack不推荐现状维护停滞根据搜索结果electron-webpack 已经没有维护者与新版 Webpack、Electron、TypeScript 不兼容技术债务锁定在 Webpack 4.x无法升级到 Webpack 5社区迁移Expo 等官方项目已明确弃用 electron-webpack问题# 版本锁定严重webpack4.46.0最新是5.x electron9.4.3最新是30 typescript3.9.9最新是5.x结论❌ 新项目绝对避免使用2. electron-vite强烈推荐官方信息作者alex8088活跃维护者GitHubhttps://github.com/alex8088/electron-vite文档https://cn-evite.netlify.app/核心优势完整的脚手架工具- 提供npm create quick-start/electron一键创建项目主进程支持 Tree-shaking- 使用 Vite/Rollup 打包主进程真正移除无用代码源码保护- 支持 V8 字节码编译保护源代码TypeScript 开箱即用- 无需额外配置热更新HMR- 主进程和渲染进程都支持实际使用案例Floro视觉版本控制工具- 生产环境使用小鹿线 CRM- 中国企业级应用Pieces AppAI 开发工具- 官方博客推荐Notion、Figma 类工具- 社区大量项目采用构建对比主进程// 传统方式无优化const{app,BrowserWindow}require(electron)const_require(lodash)// 整个 4MB 被打包// electron-vite 方式Tree-shakingimport{app,BrowserWindow}fromelectronimport{pick}fromlodash-es// 仅打包 pick 函数~2KB体积优化效果项目传统 electron-builderelectron-vite主进程大小15MB含完整 node_modules800KB打包压缩后启动速度慢需解析大量文件快单一 bundle源码保护无明文 JS有可选字节码3. vite-plugin-electron可选与 electron-vite 的区别特性vite-plugin-electronelectron-vite定位Vite 插件完整构建工具主进程打包使用 Vite 构建 API内置完整构建流程配置复杂度较低插件形式中等独立工具生态兼容完全兼容 Vite 插件生态部分兼容性能标准更高针对 Electron 优化脚手架无有create 命令选择建议已有 Vite 项目→ 使用vite-plugin-electron集成新项目→ 直接使用electron-vite脚手架注意混淆有两个相似插件vite-plugin-electron- 基于 Vite 构建功能完整vite-electron-plugin- 基于 esbuild仅转译 TS不打包更快但功能弱推荐方案方案 A新项目强烈推荐# 使用 electron-vite 脚手架npmcreate quick-start/electronlatest# 选择技术栈Vue / React / Svelte / Solid / Vanilla优势主进程真正的 Tree-shaking 和代码压缩预配置 TypeScript、ESM、热更新生产环境验证多个商业产品使用方案 B已有 Vite 项目集成npminstallvite-plugin-electron-D配置// vite.config.tsimportelectronfromvite-plugin-electronexportdefault{plugins:[electron({entry:electron/main.ts,// 主进程入口onstart:(options)options.startup()// 热重载})]}公司/项目使用案例项目/公司工具规模来源Floroelectron-vite商业产品小鹿线 CRMelectron-vite企业级Noteworthy迁移中electron-vite开源项目Pieces Appelectron-viteAI 开发工具Expo Electron已弃用 electron-webpack官方项目最终建议场景推荐工具原因全新 Electron 项目electron-vite维护最活跃、功能最完整、社区最大已有 Vite 前端项目vite-plugin-electron无缝集成改动最小维护旧项目迁移到electron-viteelectron-webpack 已死追求极致构建速度vite-electron-plugin仅转译不打包但功能受限electron-vite 是目前2024-2025最可靠的选择它解决了传统 Electron 构建中主进程无法 Tree-shaking 的问题且有多个生产环境验证的案例。