Yeoman:LiveReload vs. Yeoman Watch

时间:2012-09-11 01:12:33

标签: javascript gruntjs yeoman livereload

我第一次尝试Yeoman服务器并看到它提供了一个原生监视工具作为LiveReload的后备。以下是docs解释回退的方法:

“[Yeoman Server]自动启动yeoman watch进程,因此对任何应用程序文件的更改都会导致浏览器通过LiveReload刷新。如果没有 LiveReload在本地安装,将使用后备重新加载过程。“

到目前为止,回退过程工作正常,我喜欢它不需要在浏览器/菜单栏中安装任何内容。

有没有人和Yeoman一起尝试过两种手表工具?如果您“升级”到LiveReload,工作流程有何不同以及您可以获得哪些附加功能?

更新:对API的快速检查显示,Yeoman的实时重新加载功能实际上是LiveReload。他们是同一个人。它在没有浏览器扩展程序的情况下工作的原因是因为他们使用的是LiveReload的snipvr代码段。有可能通过LiveReload GUI可以访问一些附加功能,也许可以用于移动设备测试,但功能更可能相同。

2 个答案:

答案 0 :(得分:12)

正如我的更新中所述,我检查了Yeoman源,并意识到实时重新加载功能实际上是LiveReload。他们是同一个人。 LR的创建者Andrey Tarantsov非常酷,让他的宝贵工具可以在像这样的流行的开源项目中使用,而不会对其使用收费。

Yeoman Watch在没有浏览器扩展程序的情况下工作的原因是因为它使用的是LiveReload的snipvr代码段。

因此,LiveReload和运行'yeoman watch'的功能基本相同。但是,我发现拥有LiveReload仍然有好处。我首选的工作流程是将LiveReload与CodeKit结合使用。

在(预构建)开发期间,我使用CodeKit编译我的Sass / Compass文件和Jade模板(另一个很棒的工具,顺便说一句),因为CodeKit的配置选项比LiveReload更广泛。由于CodeKit不能与Firefox(仅限Chrome和Safari)一起使用,因此我会同时运行LiveReload,这样我就可以在两种浏览器中看到更改。

通过将LiveReload的“自定义命令”功能与CodeKit的“高级编译器设置”功能相结合,此工作流程还具有“即时分叉”的附加优势。

答案 1 :(得分:0)

修改 我下面说的话毕竟不完全正确。我做了一些测试,发现即使没有先编辑HTML文件,编辑.scss文件也会显示更改,所以是的,此时我还没有看到LiveReload与后备版本之间有什么区别的scooby过程是。


  

我说这是警告,我安装了LiveReload,   但是到目前为止我在Yeoman做过的测试,我见过的   “后备重装过程”是指它不会重新加载页面   HTML文件已保存,因此保存的CSS更改不会立即生效   在HTML文件从系统收到Save事件之前可见。   根据livereload.com,“...当您更改CSS文件或   图像,浏览器立即更新,无需重新加载页面“所以   它似乎是一个更强大的过程。

     

(对不起,因为我没有LiveReload,所以不是完整的答案,   但是这个问题已经持续了几天没有回应,   所以我认为任何信息都比没有好。)