打包项目

Electron的打包工具有很多,例如 electron-builder、electron-packager 或 electron-forge。这些工具可以帮助我们将 Electron 应用程序打包为可执行文件,并根据目标平台生成相应的安装程序或应用程序包。

  • electron-forge:是一个全面的 Electron 开发工具集,提供了打包、调试和发布等功能,并且易于使用。
  • electron-builder:是一个功能强大的打包工具,支持跨平台打包,并提供多种目标平台和格式的选项,如 Windows、Mac、Linux、NSIS、AppImage 等。
  • electron-packager:是另一个常用的打包工具,支持将 Electron 应用程序打包为各个平台的可执行文件,如 Windows、Mac 和 Linux 等。
使用 electron-forge
  1. 将 Electron Forge 添加到您应用的开发依赖中,并使用其"import"命令设置 Forge 的脚手架:

    npm install --save-dev @electron-forge/cli
    # 如果缺少某些工具,根据提示安装完,重新执行即可
    # 如果需要下载东西,安装时间可能比较长
    npx electron-forge import

    上面的配置完毕后,会自动在我们的 package.json 中增加一些脚本配置:

    "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1",
    +  "start": "electron-forge start",
    +  "package": "electron-forge package",
    +  "make": "electron-forge make"
    },
  2. 使用 Forge 的 make 命令来创建可分发的应用程序:

    npm run make
  3. Electron-forge 会创建 out 文件夹,您的软件包将在那里找到:

    // Example for macOS
    out/
    ├── out/make/zip/darwin/x64/my-electron-app-darwin-x64-1.0.0.zip
    ├── ...
    └── out/my-electron-app-darwin-x64/my-electron-app.app/Contents/MacOS/my-electron-app
使用 electron-builder
# 安装打包程序
npm i electron-builder -D

配置 package.json 中的打包配置信息,增加如下内容:

"build": {
    "appId": "com.xxxx.app",
    "mac": {
      "target": [
        "dmg",
        "zip"
      ]
    },
    "win": {
      "target": [
        "nsis",
        "zip"
      ]
    }
  }

执行打包

sudo npx electron-builder
Last modification:March 26, 2024
如果觉得我的文章对你有用,请随意赞赏