javascript - 带有 webpack 的 Electron-builder

标签 javascript webpack electron electron-builder

tl,dr:

这是我得到的:

  • Electron

  • react

  • 网页包

  • Electron 生成器

  • Electron 边缘

  • 节点纤维

  • 一些静态资源(.png、.svg 等)

这是我想要的:

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

长版本和问题:

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

但是,如何将它集成到 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 文件)时,会出现一条消息,指出在 app.asar 文件中找不到 main.js。我尝试提取它,但在提取整个包之前失败了。不过,无论如何都不需要 Main.js,因为这是让 webpack 转译它的全部意义所在,还是我在这里遗漏了什么?

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

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

最佳答案

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

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

关于javascript - 带有 webpack 的 Electron-builder,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45463141/

相关文章:

javascript - 如何使用 dojo 选项卡测试选项卡是否处于事件状态

javascript - 配置不带 __proto__ 的 [[Prototype]] 链

Javascript 获取一类两个元素的所有元素

laravel - 找不到模块 : Error: Can't resolve 'fs'

javascript - 自定义 Webpack CSS-loader "localIdentName"查询标记占位符?

javascript - Electron 快速启动应用程序不工作

reactjs - ReactJS 中的 LDAP 协议(protocol)和连接

javascript - amcharts 条形图呈相反方向

javascript - 使用 webpack 在模板或 HTML 中注入(inject) JavaScript 文件

angular - 电容器社区 Electron 平台-IONIC- Angular - Electron -TypeError [ERR_INVALID_ARG_TYPE] : The “path” argument must be of type string