问题标签 [livereload]

我在用：

• 用手表插件咕噜咕噜地实时重新加载和
• Sublime Text 2 的 SFTP 插件，用于在保存时上传文件

实时重新加载只是比 SFTP 上传快一点。

使用 Guard，您可以设置一个 grace_period 来延迟实时重新加载。Grunt 是否有等效的功能/解决方法？

我正在使用 grunt，我试图让 watch/livereload 任务在我的本地服务器（MAMP）上运行，但没有成功。

我根据 HTML5 Boilerplate grunt 文件调用任务（https://github.com/h5bp/html5boilerplate.com/blob/master/Gruntfile.js，https://github.com/h5bp/html5boilerplate.com/blob /master/package.json）。

我也尝试过实施 Tiny-lr ( https://github.com/mklabs/tiny-lr ) 也没有成功。

我现在的连接和观看选项是这样的

在这里我声明了开发任务：

当我运行“grunt dev”时，我的浏览器打开http://127.0.0.1:8888/并只显示：Cannot GET /

我需要打开浏览器http://localhost:8888/ctrl/（ctrl 是 MAMP 上的文件夹项目的名称，可以是任何名称），我认为更改“base”选项是可行的方法，但不，不是，我无法添加“/ ctrl" 到主机名，也不到端口。

有任何想法吗？谢谢

这是我的整个代码的链接：https ://github.com/zolitariuz/ctrl

我正在尝试在 Linux Mint 上使用 livereload.js 和 XAMPP 设置 grunt watch。

这种设置的原因是它允许我开发 php/MySQL 并维护 grunt 功能。

我之前在 MAMP 和 Mac 上做过这个，我所要做的就是在 MAMP 设置中将 SSL 设置为 35729，并且 livereload 与 grunt watch 一起工作。

但是 XAMPP 没有此设置，因此我尝试通过更改设置手动编辑 XAMPP ssl conf 文件（/opt/lampp/etc/extra/https-ssl.conf）：

&

但是，如果我使用 grunt watch，我会收到：

我不知道 MAMP 有什么不同，但我不知道我需要如何模拟该功能。

任何见解将不胜感激提前感谢。

嗨，我想知道是否可以从 Gruntfile.js 自动启用 Chrome LiveReload 扩展。我的意思是，一旦使用 grunt-open 打开页面并且没有在 html 文件中添加 livereload 脚本，就不要单击工具栏中的 LR 扩展图标。

我的 package.json

我的 Gruntfile.js

只是想知道您认为编译 SCSS 和刷新浏览器的最快方法是什么？我目前正在使用 LiveReload，但有时似乎有点慢，可能需要 1-3 秒。看起来并不多，但我觉得我正在失去正确的编码速度。

你们都用什么？CodeKit 会更快吗？或者可能是 Sublime LiveReload 插件（不是实际的应用程序）？或者也许我应该放弃指南针并使用其他东西？任何建议，将不胜感激。

PS。我在 OS X

除了watch github page之外，我还参考了这个答案作为起点。

我的监视任务如下所示：

首先我尝试使用浏览器扩展，然后我在我的 index.html 中添加了这个脚本（并验证它已加载）

我还尝试将其添加到我的手表 js 中：

我也有一个连接任务，我试过运行 grunt 有或没有它都无济于事。

仍然没有实时重新加载...

使用 LiveReload 和 Grunt 保存时，如何让 templateURL 重新加载？

我有一个翡翠文件views/main.jade，当我保存时处理为.tmp/views/main.html，目前这有效，我可以看到模板，但是当我保存LiveReload时无法重新加载页面。

有什么办法可以让它工作吗？

这里还有一个指向我的 GruntFile 的链接，因为它有帮助：http: //jsfiddle.net/daimz/Te5Xc/

我想在 Laravel 的错误页面中插入一个代码片段，但我不知道如何修改或捕获输出。

这种肮脏的黑客似乎有效，但该片段被插入到任何页面代码之前。

我已经使用 Bootstrap 的 less 文件和 gruntjs 设置了一个项目，以便能够在 Chrome 工作区中进行实时编辑。

下面是我的 Gruntfile.js。它会自动将较少的文件编译到所需的 style.css 中，并在我保存更改时创建一个源映射文件。将项目目录添加到工作区后，我还可以从 Chrome 工作区编辑和保存更少的文件。

我遇到的问题是，如果不刷新页面，我无法直接在浏览器中通过 Sublime Text 2 或 Chrome Workspaces 看到我对较少文件的修改的实时重新加载。

我错过了什么？我必须映射文件？什么文件到什么文件？我需要以相同的方式映射多个还是只映射一个文件。

我还添加了一张图片，您可以在其中看到文件树。

仅供参考，还请注意 style.less 导入少引导文件和我的自定义少文件。

更新 如果从 Elements 选项卡编辑，我的 style.less 文件会被 style.css 中的内容覆盖，然后它就可以工作了。我究竟做错了什么 ？

非常感谢您的时间和帮助。

我已经得到了我Gulpfile的编译sass，并且只是“live-reload远离倾销codekit”。我正在努力让这种风格注入工作。我正在尝试进行设置：https ://github.com/vohof/gulp-livereload

当我在终端中运行 gulp 时，它似乎编译了 sass，但它没有注入样式。我究竟做错了什么？我在 chrome + 以下节点模块中安装了 livereload 扩展：

我的 gulpfile 看起来像这样：

任何帮助深表感谢。谢谢！