带有 webpack 的 Electron-builder

Question

tl,dr:

这是我得到的：

• 电子

• 反应

• 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 似乎 fck 与 __dirname 或 smth，所以我排除了它）。

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

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

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

Answer 1

我推荐你使用https://github.com/chentsulin/electron-react-boilerplate

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

Answer 2

我最终得到了这个样板：

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

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