如何在Electron中使用Webpack的livereload?

问题描述:

我正尝试将Electron整合到Akveo's ng2-admin中,并且我已经拥有Angular应用程序的webpack配置文件,以及Electron平台,您实际上可以看到集成here如何在Electron中使用Webpack的livereload?

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

我的想法是,以具有可与npm脚本所覆盖,像情侣的情况:

  • 的电子平台内的角应用的现场重装。
  • 实时重新加载完整的解决方案,使用电子自动重新加载。

我认为,这两项工作会很好。

谢谢!

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

我还创建了一个快速启动项目:https://github.com/osechet/angular-webpack-quickstart

+0

这是我当前的实现[angular2-最终起动](https://github.com/michaeljota/angular2-ultimate-starter) 它确实重装,但是当webpack重新构建它时,我无法只重新加载渲染部分,必须重新加载整个应用程序。 只有渲染器文件发生变化时,您的解决方案是否仅重新加载渲染器端? –

+0

@MichaelJota我测试过,当浏览器应用发生变化时,它会重新载入渲染器,并在主进程更新时重启电子。其他的Electron/Angular2样板都没有这样做。 –

+0

是的,正如@ColinSkow所说的,在这个实现中,webpack独立地观察渲染器文件和主文件。如果渲染器文件发生变化,电子窗口内容将重新加载。如果主文件被更新,整个应用程序将重新启动。 – osechet