以角js实时重新加载

时间:2015-10-28 06:49:45

标签: javascript html angularjs

您好我是angularjs框架的新手。 我正在通过网址localhost/angularsample执行我的应用,问题是当任何文件发生更改时,我将不得不手动重新加载它以查看更改。

在教程视频中,我看到在localhost:800上运行的角应用程序会进行实时重新加载。 怎么可能?

2 个答案:

答案 0 :(得分:2)

如果您使用角度或反应或jquery进行开发并不重要。您可以使用gulp或grunt或任何其他框架来实现livereload功能,以构建前端解决方案。

我建议使用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。

答案 1 :(得分:0)

[角度] 在某些命令行中,导航至您的应用程序目录,例如:

cd C:\Source\Sample\dashboard-app

然后假设您已经安装了node.js并安装了angular / cli

ng serve

*我有一个问题网页无法加载,这是一个简单的错误,即:当您导航到项目时,您导航到的是源文件而不是“ dist”文件,因为如果您更改了不会刷新的dist文件,该网页。重要的是更改src中的文件而不是dist。

我希望这可以帮助某人并节省您的时间。祝你好运!