javascript - Angular JS 中的实时重新加载

Question

嗨，我是 angularjs 框架的新手。我通过 url localhost/angularsample 执行我的应用程序，问题是当任何文件发生更改时，我必须手动重新加载它才能看到更改。

在教程视频中，我看到一个在 localhost:800 上运行的 Angular 应用程序进行实时重新加载。怎么可能？

Answer 1

无论您是使用 Angular、React 还是 jquery 进行开发，都没有关系。您可以将 livereload 功能与 gulp 或 grunt 或任何其他框架一起用于构建前端解决方案。

我推荐使用Gulp，因为它能够观察文件的变化。因此，您所需要的只是告诉您的浏览器进行更新。为此，您应该使用 watch + livereload 插件。

看看这篇文章: https://scotch.io/tutorials/a-quick-guide-to-using-livereload-with-gulp

在我的项目中，我使用也支持 livereload 的 gulp-connect。看一下这个例子: http://code.tutsplus.com/tutorials/gulp-as-a-development-web-server--cms-20903

您还可以研究 Gulp 食谱: https://github.com/gulpjs/gulp/blob/master/docs/recipes/server-with-livereload-and-css-injection.md

如果您需要更多示例，请尝试按关键字搜索:gulp、connect、livereload。