构建

一个需要理解的重要事项是，electron-webpack 对你决定用于创建可分发的 electron 应用程序的构建工具是不可知的。 此模块唯一关心的是创建功能正常且针对 electron 环境优化的 webpack 输出。

编译你的代码

一旦你为你的项目配置了 electron-webpack，你可以简单地运行 electron-webpack 命令来编译你的源代码。 为了使事情更容易，请利用在你的 package.json 中设置脚本。

package.json

{
  "scripts": {
    "compile": "electron-webpack"
  }
}

在使用 yarn compile 运行上述脚本后，你现在在 dist/ 目录中有一个 webpack 输出。

构建发行版

现在 electron-webpack 已经创建了你的 webpack 包，你可以简单地实现你想要的任何构建工具。 需要注意的一点是，已经进行了额外的优化以与 electron-builder 协同工作。 此构建工具非常适合任何规模的应用程序，提供了从创建可安装的可执行文件到提供“自动更新”支持的许多功能。 electron-webpack 还在内部为 electron-builder 提供了基本配置。

使用 electron-builder

yarn add electron-builder --dev

添加额外的 package.json 脚本

{
  "scripts": {
    /* compile source code and create webpack output */
    "compile": "electron-webpack",

    /* `yarn compile` & create distribution */
    "dist": "yarn compile && electron-builder",

    /* `yarn dist` & create unpacked distribution */
    "dist:dir": "yarn dist -- --dir -c.compression=store -c.mac.identity=null"
  }
}

可以根据 electron-builder 的文档 进行进一步的配置。

最终说明

在配置你选择的构建工具时，请务必指向你的编译应用程序所在的 dist/ 目录（这已经是 electron-builder 的默认设置）。 构建步骤中可能出现的任何问题或疑问应指向相应的构建工具，而不是 electron-webpack。