问题标签 [gulp-livereload]

我在远程服务器上使用 gulp 和livereload,less等。我之前已经成功使用过很多次gulp，从来没有遇到过这种情况。

我正在使用 WinSCP 保存/编辑文件（我双击文件，它在 Sublime Text 中打开......我保存它，WinSCP 自动将它上传回服务器）。

但是，这样做gulp-less几乎总是失败。我有两个已编译的核心 CSS 文件——一个是 Bootstrap，一个是我自己的——它们都应该在修改时使用自己的 gulp 任务进行编译——但 Bootstrap 每次都失败，另一个文件大约有一半的时间失败。

当我说失败时，这就是我的意思 - 使用 Bootstrap 我总是得到同样的错误：

即使我@grid-columns在主引导“导入”文件中定义为第一个标题，也会发生这种情况。

另一个失败是livereload在编译 Less 文件之前的某个时间点重新加载已编译的 CSS。这应该是不可能的，但它以某种方式发生。

但是，当我从 SSH 命令提示符输入touch myfile.lessortouch anybootstrapfile.less时，一切正常。

显然这很烦人，但它是宜居的。我认为必须有某种方法来解决它。关于世界上有什么可以使这种情况发生以及我可以做些什么（如果有的话）来解决它的任何想法？

我的 gulp watch 任务配置如下：

除了一件事之外，一切都轻而易举：更新我的 svg 样式时，它不是通过 livereload 来实现的（我使用 gulp-connect 插件），但是当我手动重新加载时可以工作......我还注意到对.jade 文件确实更新了 svg 样式，因此这个小解决方法：

我怀疑这与嵌入 svg 的对象标签有关，但不能确定。使用此链接，css 样式也被硬编码在 svg 本身中：

我可以通过这个小技巧让它工作，但你知道，这对于为什么会发生这一切并不是很有启发性......

提前感谢任何可以向我解释这一点的人。

我正在尝试让 gulp 与 livereload 一起工作。Gulp 无法控制网络服务器本身（实际的网络应用程序是一个 php 站点。当我在服务器上运行 nmap 时，我看不到 livereload 工作，并且 chrome 扩展名表示同样的事情。

这是我的吞咽任务：

我试图了解如何将 gulp 与这些有用且流行的插件一起使用。我有什么：

• 在localhost:8000上运行 go(lang) 服务器
• app文件夹下的静态/本地html文件，服务器使用这些文件来形成页面
• 同目录下的scss文件，转换成css后自动加前缀

这是我的 gulpfile.js：

所以我需要什么：

• 观看 html、css/scss 文件以进行更改并在localhost:8000上重新加载（chrome 的打开选项卡）
• 如果不需要使用它会很棒：
  • livereload chrome插件
  • expressjs 框架
• 如果它像没有服务器的文件一样直接打开，则重新加载 html 页面

我读过可以通过使用gulp-embedlr和gulp -webserver来实现这一点。如果是这样，该怎么做？

我正在尝试让 LiveReload 与 Gulp 和 Chrome 一起使用。我已经安装了 Chrome 扩展程序（v2.0.9），我已经启用了“允许访问文件 URL”，每个人都说要这样做。我正在运行一个简单的 PHP 服务器php -S 127.0.0.1:35729 -t dist。我已经安装了 gulp-livereload 并使用以下代码启动了监视任务：

我在 Chrome 中转到 127.0.0.1:35729。我通过单击扩展按钮启用 LiveReload。我去编辑一个文件。吞咽 说：

网页不更新。当页面加载时，Chrome 中的控制台会出现这个可爱的错误：

我尝试了一些疯狂的方法并将 livereload.js 文件放在服务器的根目录中，然后我得到了这个错误：

WebSocket 连接到“ws://127.0.0.1:35729/livereload”失败：连接在收到握手响应之前关闭

另外，我想在不同的端口上运行 LiveReload，但是当我将 php 服务器和 Gulp watch 更改为端口 9999 时，我收到此错误：

WebSocket 连接到“ws://127.0.0.1:35729/livereload”失败：连接建立错误：net::ERR_CONNECTION_REFUSED

我正在尝试gulp-livereload使用我的 nodejs 服务器。我gulp-nodemon用来在更改文件后重新启动服务器，这可行。我无法livereload.reload()在正确的时间调用。

我目前正在调用我的livereload.reload()（每当我的 nodemon 启动脚本时）。这有效，但需要几秒钟。原因是当 nodemon 开始运行它在脚本调用之前调用的 nodejs 脚本时，所以我的浏览器在服务器未准备好的情况下刷新。.on('start'...gulpfile.jslivereload.listen() app.listen(port)

有没有办法监听 nodejs nodemon 脚本是否已调用app.listen(port)，或者可能监听是否正在使用特定端口？

我已经通过少量睡眠解决了这个问题，但它只是感觉如此错误和肮脏。

是否可以使用节点包gulp-livereload仅在更改时刷新页面，而无需按 command+s 来保存您正在编辑的文件？

我一直在使用 livereload chrome 扩展，它将http://[...]/livereload.js插入到文档中。不幸的是，我正在开发一个需要 https 的项目，我希望在本地复制它，但我不必这样做，因为我可以为不同的环境更改协议，但我想知道是否可以设置 gulp -livereload 改为通过 https 加载？

我尝试了一些事情，例如手动添加脚本但没有成功，因为我收到连接错误（GET https://127.0.0.1:35729/livereload.js?snipver=1 net::ERR_CONNECTION_CLOSED）：

我有一个 gulp 文件，我从这里抓取并修改为：

现在，如果我运行“gulp”一切正常，但是当我去我的 apache 主机时，实时重新加载不再工作。

我对实时重新加载不太熟悉，所以请引导我完成任何解决方案。

我已经安装了实时重载插件并将其打开，但仍然无法正常工作。

我错过了与主人的一步吗？

我正在使用 gulp 编译一些 .less 文件并通过实时重载将更改注入浏览器。

这是我最初创建的任务：

我创建了另一个 gulp 任务来执行相同的任务，但使用 browser-sync 而不是 live-reload 进行交叉测试：

然后，我尝试编译这两个文件，以便能够根据我是在进行本地开发还是测试来运行任一任务。我创建了一个“less”任务来编译 css，一个“lrl”实时重新加载监视任务和一个“bs”浏览器同​​步监视任务。我创建了“less”任务来删除重复，但是现在当我更改 css 时，浏览器会重新加载所有内容，而不仅仅是注入 css。

我对在任务中调用任务的方式有点困惑。有没有办法确保注入 css，以这种方式进行设计要快得多。

非常感谢

=================== 大编辑 ============================

我一直在搞乱运行序列，但我仍然有同样的问题。在某种程度上，这项任务正在发挥作用。使用默认任务，我只能在本地服务器上实时重新加载。有了gulp serve一个服务器，我可以跨浏览器和设备调试我的布局。问题是我不再获得 css 注入。看起来 gulp 一直在重新运行所有任务并刷新浏览器以重新连接它。

所以我用重复的代码制作了一个工作版本，以使我想要实现的目标更清晰

当我这样做时，它工作顺利。但我想避免“less-lrl”和“less-bs”任务的代码重复。唯一不同的是.pipe(livereload());和.pipe(reload({stream: true}))

我脑子里有一些愚蠢的事情，我不明白:)