如何通过 angular cli 在 angular2 应用程序中将 browserSync 与 gulp 一起使用?
How to use browserSync with gulp in angular2 app with angular cli?
我正在使用 angular cli 开发 Angular 2 应用程序。我还在项目中使用 gulp 作为任务 运行ner。我想将 BrowserSync 与 gulp 一起使用,而不是 angular cli 提供的默认 ember 实时重新加载插件。我尝试在 gulp browserSync 中使用代理选项到默认 ng 服务端口的代理选项,即:4200。但是当 gulp 是 运行ning 时,我无法 运行 项目(服务)。所以任何人都可以帮助我解决这个问题,因为我想 运行 browserSync 与 gulp。这可能是一个非常 n00b 的问题,因为我是 gulp 和 angular 的新手,但我们将不胜感激。谢谢
更新: 我可以使用 gulp 连接到 BrowserSync,但是我所做的更改没有在 /dist 文件夹或在浏览器中。
如果您仍在使用 ng serve
,那么您应该知道所有文件都只在内存中编译。所以没有文件更改需要 BrowserSync 重新加载。
相反,请使用 ng build --watch
,它将监视文件更改并自动构建到您的 /dist
文件夹。然后使用 BrowserSync 从那里提供服务。
我正在使用 angular cli 开发 Angular 2 应用程序。我还在项目中使用 gulp 作为任务 运行ner。我想将 BrowserSync 与 gulp 一起使用,而不是 angular cli 提供的默认 ember 实时重新加载插件。我尝试在 gulp browserSync 中使用代理选项到默认 ng 服务端口的代理选项,即:4200。但是当 gulp 是 运行ning 时,我无法 运行 项目(服务)。所以任何人都可以帮助我解决这个问题,因为我想 运行 browserSync 与 gulp。这可能是一个非常 n00b 的问题,因为我是 gulp 和 angular 的新手,但我们将不胜感激。谢谢
更新: 我可以使用 gulp 连接到 BrowserSync,但是我所做的更改没有在 /dist 文件夹或在浏览器中。
如果您仍在使用 ng serve
,那么您应该知道所有文件都只在内存中编译。所以没有文件更改需要 BrowserSync 重新加载。
相反,请使用 ng build --watch
,它将监视文件更改并自动构建到您的 /dist
文件夹。然后使用 BrowserSync 从那里提供服务。