如何使用电子表格+ webpack插件与电子生成器

Question

我所做的-我正在使用electron forge typescript & webpack模板。另外，由于nsis的打包选项，我希望使用electron-builder而不是Electron-Forge windows maker windows.squirell。

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

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

​

​

电子生成器Config

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

电子锻造Config

  "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

我不得不用电子锻造打包我的文件，并在我打包了应用程序之后，用电子构建器构建了一个安装程序。