问题标签 [livereload]

我的 Gruntfile.js 中有这个设置

我的样式表是这样加载的：

每当我更改 css 文件时，我都会在浏览器中收到此 url 的 404 错误

这当然是正确的，因为 css 文件位于：

如何获得实时重新加载以获取正确的 URL？

这个问题暗示了我如何使用 Gulp 运行 Jekyll。

它工作正常，除了我无法触发 livereload （但它运行没有错误）。

我对Node的了解有限，所以我可能遗漏了一些东西......

我正在努力让 Grunt 的“实时重新加载”功能（如 中实现grunt-contrib-watch）在我的应用程序中工作。我终于咬紧牙关，尝试做一个最小的例子。希望有人可以很容易地注意到缺少的内容。

文件结构：

package.json

Gruntfile.js

index.html

然后我跑了grunt watch，什么都没炸。但是，不会自动打开浏览器窗口（应该吗？）。

当我打开 chrome 时，http://localhost:35729/我收到了这个 json：

并尝试该端口上的任何其他路径给我

我有一个 LiveReload 设置，其中重新加载似乎工作正常，但是我对 CSS 所做的任何更改通常不会在我执行页面刷新之前应用。

我正在观察：

1. 浏览器连接到服务器：我看到“浏览器已连接”。在日志中）
2. 每当我对文件进行更改时，我都会看到 LiveReload 做出反应：我在日志中看到“浏览器重新加载 /path/to/file”。
3. 只要文件是 HTML 文件，浏览器就会完全重新加载页面。

4. 只要文件是 CSS 文件，我就可以看到文件正在重新加载，服务器日志和 Chrome 的开发人员工具都表明了这一点，但布局没有任何反应。我在我的 css 文件中包含了两次编辑结果的屏幕截图：

5. 有时浏览器实际上会更新，但我无法看到何时发生这种情况的模式。

有谁知道这里可能是什么？

我不确定它是否相关，因为实际的重新加载在这里工作，但我的设置包括 guard-livereload 2.1.1 和 rack-livereload 0.3.15（以避免必须使用浏览器插件）。

我知道你可以从 Chrome 开发者工具的源代码面板中实时编辑 JS，我知道有一些系统可以实时重新加载 CSS，但是你可以从源位置（URL 或本地磁盘，或以某种方式利用 Workspaces，甚至可能作为 Chrome 开发人员工具插件）？特别是这对于 CoffeeScript-to-JS 设置非常有用。

在开发网站时，我通过Gulp使用LiveReload（和 MAMP 作为网络服务器）来重新加载我的浏览器。我使用 Gulp 启动 LiveReload 服务器，并插入对 LiveReload js 文件的引用

其中 192.168.1.102 是我当前 WiFi 上的本地 IP。

这在我的本地机器上完美运行，重新加载 Safari 和 Chrome。

我在同一个网络上也有一台 Ubuntu 机器，我将本地网络服务器添加到主机文件中192.168.1.102 my.project.dev- 这也很有效。

但我也想在我的 iOS 设备上自动刷新我的浏览器。我目前有一部带 Safari 的 iPhone。由于我无法在 iPhone 上编辑 hosts 文件，因此我在本地机器上使用SquidMan设置了代理。将代理添加到 iPhone 网络配置后，我可以my.project.dev正常访问我的站点。但是，这里的问题是，LiveReload 不会在 iPhone 上被触发。即使http://192.168.1.102:35729/livereload.js当我尝试通过 url 直接访问 iPhone 时，iPhone 也可以访问它。

我在这里想念什么？为什么 iPhone 不会像其他设备一样刷新？可能是代理在做一些可疑的事情吗？

When I run 'grunt server', everything executes including the compiling of my Sass. How should I proceed to watch for Sass changes and execute compass while keeping the functionality of express and livereload server?

Everything works including livereload when I change files, the only thing that doesn't is the execution of compass to recompile if I change Sass files. It even detects the change, but doesn't run it.

I've attached related pieces of the gruntfile just to keep it as short as possible.

我有一个运行 php 服务器的 grunt 脚本，我已经将 grunt 配置为监视 php 文件并重新加载它们。当我更改一个 php 文件（以及我项目中的其他类型的文件）时，grunt 日志：

但不重新加载文件！

这是我的 Grunt.js

我在做什么有什么问题？

我在 Gulp 监视任务中使用 Substack 的 Watchify 来构建更好的 Browserify，如下所示：

试图弄清楚如何将 Live Reload 合并到任务中，以便在 Watchify 完成时触发它。知道我会怎么做吗？

由于跨域 cookie 限制，我被迫使用只能在远程服务器上运行的 webapp。我习惯于使用 Grunt.js 和 Yeoman，但现在每次更改都被迫等待很长时间才能上传到服务器。您是否知道某种配置 Grunt 的方法，以便它可以监视更改并仅将更改的文件上传到服务器？

编辑：我也在使用咖啡脚本，玉所以这个解决方案应该适用于 grunt 编译的文件。另外，我正在使用 Webstorm。