electron 打包项目

March 26, 2024

437 views

1653 words

打包项目

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

将 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"
},

使用 Forge 的 make 命令来创建可分发的应用程序：
```
npm run make
```

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"
      ]
    }
  }

执行打包