使用NodeJS运行一个Angular 2应用程序，同时实时重新打包

描述

我曾经有NodeJS运行在:3000和我的ng serve'd Angular2应用程序运行:4200他们将沟通。 我正在使用WebPack

我现在使用ng build -prod生成Angular2应用程序，并让Angular2应用程序读取staging（dist）文件夹并提供静态文件本身。

问题

当我分裂的职责，我曾经能够自动页面刷新ng serve将与angular-cli和魔术会发生。

但是现在，我有NodeJS服务的静态文件，我不得不ng build -prod每一次我想刷新页面。

任何人都知道我可以重新包装到暂存文件夹？

Answer 1

您可能会考虑使用ng eject ，它将从CLI中拆分webpack.config.js 。 然后，您可以启动一个Express服务器或其他东西，并使用像Webpack热中间件模块。

被警告，这将会破坏一些Angular CLI的function（例如， ng serve不起作用，但npm start会）。 所以，你可以考虑在开始之前创build一个分支。

Answer 2

好的，我发现了一些现在可行的东西。 自动刷新不起作用，但我不介意再次手动刷新页面

我移动到我的Portal目录中，运行:4200应用程序的目录并运行ng build --watch 。 这使我仍然可以通过npm start来启动我的服务器，但现在重build（快速）并在保存文件时更新这些包。