首页 文章

Yeoman:LiveReload vs. Yeoman Watch

提问于
浏览
11

我第一次尝试使用Yeoman Server,看到它提供了一个本机监视工具作为LiveReload的后备 . 以下是docs如何解释回退:

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

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

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

UPDATE: 对API的快速检查显示Yeoman 's live reload feature is in fact LiveReload. They'同样如此 . 它没有浏览器扩展的原因是因为它们是're using LiveReload' s snipvr 代码段 . 可能有一些额外的功能可以通过LiveReload GUI访问,也许可以用于移动设备测试,但更有可能功能相同 .

2 回答

  • 0

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

    Yeoman Watch在没有浏览器扩展的情况下工作的原因是因为它使用的是LiveReload的snipvr片段 .

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

    在(预构建)开发期间,我使用CodeKit来编译我的Sass / Compass文件和Jade模板(另一个很棒的工具,btw),因为CodeKit 's config options are a little more extensive than LiveReload' s . 由于CodeKit不能与Firefox(仅限Chrome和Safari)一起使用,因此我会同时运行LiveReload,以便我可以在两个浏览器中看到更改 .

    通过将LiveReload的“自定义命令”功能与CodeKit的“高级编译器设置”功能相结合,此工作流程还具有能够“即时分叉”的额外好处 .

  • 12

    EDIT: 我在下面所说的并不是一个关于LiveReload和回退过程之间区别的问题 .


    我说的是我没有安装LiveReload的警告,但是从我迄今为止在Yeoman中完成的测试来看,我在“后备重装过程”中看到的是它没有重新加载页面在保存HTML文件之前,在HTML文件从系统收到Save事件之前,保存的CSS更改不会立即可见 . 根据livereload.com,“...当您更改CSS文件或图像时,浏览器会立即更新而无需重新加载页面”,因此它似乎是一个更强大的过程 . (对不起,因为我没有LiveReload,所以没有一个完整的答案,但是这个问题已经持续了几天而没有回复,所以我认为任何信息都比没有好 . )

相关问题