如何在 angular2 应用程序中使用带有 angular cli 的 browserSync 和 gulp？

Question

我正在使用 Angular cli 开发 Angular 2 应用程序。我还在项目中使用 gulp 作为任务运行器。我想将 BrowserSync 与 gulp 一起使用，而不是 angular cli 提供的默认 ember live reload 插件。我尝试在 gulp browserSync 中使用代理选项到默认的 ng 服务端口，即：4200。但是当 gulp 运行时，我无法运行项目（ng serve）。所以任何人都可以帮我解决这个问题，因为我想用 gulp 运行 browserSync。这可能是一个非常n00b的问题，因为我是 gulp 和 Angular 的新手，但我们将不胜感激。谢谢。

更新：我能够使用 gulp 连接到 BrowserSync，但是我所做的更改在 /dist 文件夹或浏览器中都没有得到更新。

Answer 1

如果您仍在使用ng serve，那么您应该知道所有文件都仅在内存中编译。因此，BrowserSync 无需更改文件即可重新加载。

改为使用ng build --watch，它将监视文件更改并自动构建到您的/dist 文件夹。然后使用 BrowserSync 从那里提供服务。