如何在 Electron 中使用 livereload 和 Webpack？答案

【问题标题】：How to use livereload with Webpack in Electron?如何在 Electron 中使用 livereload 和 Webpack？
【发布时间】：2017-02-06 10:49:58
【问题描述】：

我正在尝试将 Electron 集成到 Akveo's ng2-admin，并且我已经拥有 Angular 应用程序和 Electron 平台的 webpack 配置文件，您实际上可以查看集成 here。

我现在正在尝试的是获得实时重新加载功能。现在的脚本会将电子应用程序打包为构建。

我的想法是有几个可以用npm 脚本覆盖的场景，例如：

我认为这两个会很好用。

谢谢！

【问题讨论】：

【解决方案1】：

你可以看看我的 Angular 2 与 Webpack 和 Electron 的集成here。该项目基于 Angular 2 教程。在开发模式下使用 Electron (npm run start.desktop) 时，webpack 会重新加载代码。

【讨论】：

这是我当前的实现angular2-ultimate-starter 它会重新加载，但是当 webpack 重建它时我不能只重新加载渲染部分，必须重新加载整个应用程序。您的解决方案是否仅在渲染器文件发生更改时才重新加载渲染器端？
@MichaelJota 我测试过，当浏览器应用程序更改时，它只会重新加载渲染器，并在主进程更新时重新启动电子。其他 Electron/Angular2 样板都没有以正确的方式做到这一点。
是的，正如@ColinSkow 所说，通过这个实现，webpack 独立地监视渲染器文件和主文件。如果渲染器文件更改，则重新加载电子窗口内容。如果主文件更新，整个应用程序会重新启动。