与webpack的电子建设者

Question

TL，DR：

这是我得到的：

• 电子

• 阵营

• 的WebPack

• 电子助洗剂

• 电子边缘

• 节点纤维

• 一些静态资产（.png，.svg等）

这就是我想要的：

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

长版和问题：

当我以开发模式启动webpackserver时，我可以正常运行Electron，React，Electron Edge，node-fiber，webpack和静态资产。

但是，如何将其整合到电子制造商中？

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

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

• 让webpack从我的src文件夹中创建一个bundle.js和一个index.html

• 使用提供这些文件的热模式启动webpackserver

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

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

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

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

Answer 1

我建议您使用https://github.com/chentsulin/electron-react-boilerplate

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

Answer 2

我最终得到了这个样板：

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

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