Electron 打包最全指南：使用 electron-builder 打包 Electron 程序

前端

2024-02-12 04:41:14

为什么需要打包 Electron 应用

在开发 Electron 应用的过程中，我们需要在本地进行调试和运行，此时不需要对应用进行打包。但是，当我们想要将应用发布出去，让其他人使用时，就必须对应用进行打包。

打包 Electron 应用可以带来以下好处：

跨平台： Electron 应用可以打包成 Windows、MacOS 和 Linux 等不同平台的安装包，方便用户在不同平台上安装和使用。
独立性： 打包后的 Electron 应用是一个独立的程序，它不需要依赖其他软件即可运行，方便用户安装和使用。
安全性： 打包后的 Electron 应用可以进行代码混淆和加密，保护应用免遭反编译和破解。
品牌化： 打包后的 Electron 应用可以自定义图标、名称和版本号，方便用户识别和使用。

使用 electron-builder 打包 Electron 应用

electron-builder 是一个流行的 Electron 应用打包工具，它可以帮助我们快速、轻松地将 Electron 应用打包成不同平台的安装包。

安装 electron-builder

首先，我们需要安装 electron-builder。我们可以使用以下命令安装 electron-builder：

npm install --save-dev electron-builder

配置 electron-builder

安装完成后，我们需要在项目的根目录下创建 electron-builder.json 文件。该文件用于配置 electron-builder 的打包选项。

electron-builder.json 文件的内容示例如下：

{
  "productName": "MyApp",
  "appId": "com.example.myapp",
  "version": "1.0.0",
  "copyright": "Copyright © 2022 Example Company",
  "directories": {
    "output": "dist"
  },
  "asar": true,
  "win": {
    "target": [
      "nsis"
    ],
    "icon": "icon.ico"
  },
  "mac": {
    "target": [
      "dmg"
    ],
    "icon": "icon.icns"
  },
  "linux": {
    "target": [
      "deb",
      "rpm"
    ],
    "icon": "icon.png"
  }
}