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

Question

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

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

Answer 1

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

相反，请使用ng build --watch，它会监视文件更改并自动构建到您的/dist文件夹。然后使用BrowserSync从那里进行服务。