electron-builder

发布时间 2024-01-08 13:55:58作者: 小kBlog

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

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