使用 webpack 的电子构建器答案

【问题标题】：Electron-builder with webpack使用 webpack 的电子构建器
【发布时间】：2018-01-09 19:33:47
【问题描述】：

tl，博士：

这是我得到的：

电子
反应
Webpack
电子生成器
电子边缘
节点纤维
一些静态资源（.png、.svg 等）

这就是我想要的：

软件的跨平台自动更新安装程序

长版本和问题：

当我在开发模式下启动 webpackserver 时，我可以让 Electron、React、Electron Edge、node-fibers、webpack 和静态资产完美运行。

但是，我怎样才能将它集成到 electron-builder 中？

我是整个构建过程的新手，我只是从这个样板开始： Github of the boilerplate

对我来说，开发调试过程似乎是这样的：

让 webpack 从我的 src 文件夹中创建一个 bundle.js 和一个 index.html
启动一个热模式的 webpackserver 来提供这些文件

但是，我应该如何告诉 electron-builder 从哪里获取不同的文件？ dist/ 中没有 package.json 和 node_modules/ 并且 node-fibers 也没有被捆绑（因为 webpack 似乎与 __dirname 或 smth 结合，所以我排除了它）。

每当我启动生成的 .exe 文件（不是安装程序，只是应该启动程序的 exe 文件）时，都会出现一条消息，指出在 app.asar 文件中找不到 main.js。我尝试提取它，但在提取整个包之前它失败了。不过，无论如何都不需要 Main.js，因为这就是让 webpack 转译它的全部意义，还是我在这里遗漏了什么？

我已经在互联网上搜索了几个小时，但我没有得到所有的概念..

这里有人可以解释我的设置有什么问题以及我可以做些什么来解决这个问题吗？

【问题讨论】：

标签： javascript webpack electron electron-builder

【解决方案1】：

如果您不想为 react 应用使用样板，请考虑使用 https://github.com/electron-userland/electron-webpack（但强烈建议使用样板）。

【讨论】：

我一开始没有使用那个，因为它似乎有很多我不需要的东西。现在我试了一下，但甚至无法通过 readme.md 中解释的正常命令使其工作......我的意思是让 webpack 构建一个包并拥有电子并不是那么难builder 之后让它成为安装程序，可以吗？

【解决方案2】：

我最终得到了这个样板：

https://github.com/szwacz/electron-boilerplate

我无法让 HMR 工作，不得不修复一些 es6 的东西，但至少它正在完成它的工作。

【讨论】：