如何减小Electron应用打包体积？有哪些可行的优化方案？

VS Code 能做到功能丰富的同时控制体积，核心逻辑是不直接使用通用版 Electron 构建包，做了大量深度定制：

• 定制编译 Electron 内核：针对编辑器场景裁剪 Chromium 冗余模块，移除了不需要的媒体编解码器、非必要 Web API 实现、调试符号等内容，相比官方通用内核减少近40%的体积
• 功能拆分按需加载：核心包仅保留基础编辑器、窗口管理等核心能力，语法高亮、调试、语言支持等90%的拓展能力都做成可选插件，用户按需安装不会占用核心安装包体积
• 全链路构建优化：构建阶段对所有代码做深度 tree shaking、死代码剔除，对静态资源做高比例压缩，同时移除所有跨平台冗余资源，每个平台的安装包仅保留当前平台必需的二进制、适配代码

所有操作都可通过命令行、VS Code 完成，不需要安装 Visual Studio，不会额外占用存储空间：

• 优化打包工具配置
  • 优先使用electron-builder完成打包，开启asar配置将所有源码打包为单个压缩归档，零散文件打包后可减少30%左右的体积占用
  • 开启removeElectronDefaultApp配置，移除 Electron 自带的默认示例应用资源
  • 仅构建你当前使用的目标平台包，不要同时构建 Windows、macOS、Linux 三个平台的安装包，单平台包比全平台通用包小至少60%
  • 不需要调试能力的前提下开启strip配置，剥离二进制文件的调试符号，可减少20~50MB的体积
• 精简依赖包
  • 打包前执行npm prune --production命令，剔除所有开发依赖（devDependencies），仅保留生产环境必需的依赖
  • 替换大体积第三方依赖：比如用lodash-es按需引入替代全量lodash，优先用 JS/Node 原生 API 实现小功能，避免引入多余依赖
  • 清理依赖包中的冗余文件：移除每个依赖包下的README、测试用例、示例代码等非必要内容
• 代码与资源优化
  • 用 Vite/Webpack 等构建工具开启 tree shaking、代码压缩、死代码删除能力，剔除所有未被调用的逻辑代码
  • 所有图片、音频等静态资源先压缩再打包，不要直接导入未压缩的原始资源
  • 非核心功能做异步按需加载，不要把所有页面、逻辑都打包到入口文件中

内容的提问来源于stack exchange，提问作者user16689944