与webpack的电子建设者

Question

TL博士：

这是我得到的：

• 电子

• 应对

• 的WebPack

• 电子制造商

• 电子边缘

• 节点纤维

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

这就是我想要的：

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

长版和问题：

当我在开发模式下启动webpackserver时，我可以获得Electron，React，Electron Edge，node-fiber，webpack和静态资产。

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

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

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

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

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

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

每当我启动生成的.exe文件（这不是安装程序，只是一个应该启动该程序的exe文件）时，会出现一条消息，指出在app.asar文件中找不到main.js。 我尝试提取它，但它在提取整个包之前失败了。 但是，无论如何都不需要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的东西，但至少它正在做它的工作。