electron-builder

electron-builder打包工具

1. 首先，确保你的项目中已经安装了 electron-builder。可以在项目根目录下运行以下命令来安装它：

   npm install electron-builder --save-dev

2. 在你的项目根目录下创建一个 electron-builder.yml 文件，并添加以下内容：

   appId: com.example.myapp
   productName: My App
   directories:
     output: dist
   files:
     - "**/*"

   这个文件用于配置打包的一些参数，比如应用程序的 ID、产品名称和输出目录等。

3. 在 package.json 文件中添加一个脚本命令，用于运行打包操作。在 scripts 字段中添加以下内容：

   "scripts": {
     "package": "electron-builder"
   }

4. 运行以下命令来执行打包操作：

   npm run package

   这将根据你的操作系统和配置，生成相应平台的可执行文件，并将其输出到 dist 目录中。

请注意，打包操作可能需要一些时间，具体取决于你的项目大小和配置。在打包过程中，electron-builder 会自动下载所需的 Electron 版本，并将其打包到应用程序中。

注意这个打包是直接连接github的所以一定要开加速器否则打包失败

---

electron-builder.yml是啥？

这个文件是 electron-builder.yml，用于配置 Electron 应用程序的打包参数。让我逐个解释每个配置项的含义：

• appId: com.example.myapp：这是你的应用程序的唯一标识符（ID）。它通常采用反向域名的格式，以确保全局唯一性。你可以根据你的应用程序的实际情况来设置它。

• productName: My App：这是你的应用程序的产品名称。它将用于生成最终打包文件的名称。你可以根据你的应用程序的实际名称来设置它。

• directories: output: dist：这是指定打包输出目录的配置项。在这个例子中，dist 是输出目录的名称。打包工具将在该目录下生成最终的可执行文件和其他相关文件。

• files: - "**/*"：这是指定打包文件的配置项。**/* 表示将所有文件包括在打包中，包括源代码、资源文件和其他所需的文件。你可以根据你的项目结构和需求来调整这个配置。

通过配置这些参数，你可以定制打包工具的行为，以满足你的应用程序的需求。当你运行打包命令时，打包工具将根据这些配置生成相应的打包文件。