如何在 Electron-Builder 中使用 Electron-Forge Typescript + webpack 插件

Question

我做了什么 - 我正在使用 electron forge typescript & webpack 模板。由于 nsis 打包选项，我还想使用electron-builder 而不是Electron-Forge windows maker windows.squirell。

错误 - 应用程序在开发模式下正确运行。但是，在打包的应用程序中，我得到一个白屏。

我怀疑构建器没有使用"@electron-forge/plugin-webpack"生成的构建文件

电子生成器配置

  "build": {
    "appId": "cloudapp",
    "win": {
      "target": [
        "nsis"
      ],
      "icon": "./src/images/cloudappLogo Icon.ico",
      "requestedExecutionLevel": "requireAdministrator"
    },
    "nsis": {
      "installerIcon": "./src/images/cloudappIcon.ico",
      "uninstallerIcon": "./src/images/cloudappLogo Icon.ico",
      "uninstallDisplayName": "cloudapp",
      "license": "license.txt",
      "oneClick": false,
      "allowToChangeInstallationDirectory": true
    }
  },

Electron-Forge 配置

  "config": {
    "forge": {
      "plugins": [
        [
          "@electron-forge/plugin-webpack",
          {
            "mainConfig": "./webpack/webpack.main.config.js",
            "renderer": {
              "config": "./webpack/webpack.renderer.config.js",
              "entryPoints": [
                {
                  "html": "./public/index.html",
                  "js": "./src/index.tsx",
                  "name": "main_window",
                  "preload": {
                    "js": "./electron/bridge.ts"
                  }
                }
              ]
            }
          }
        ]
      ]
    }
  },

Answer 1

我必须使用 Electron Forge 打包我的文件，并在打包应用程序后使用 electron-builder 构建安装程序。