问题标签 [gulp-livereload]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1138 浏览

gulp-livereload - Gulp livereload 仅在 CSS 更改时重新加载整个页面

我已将 livereload 添加到我的 Gulp 任务中。它的工作原理是当我编辑一个 CSS 文件时,整个页面都会被刷新,而不仅仅是页面 CSS。

更新我从下面的链接尝试了以下代码,但它做同样的事情。http://www.roelvanlisdonk.nl/?p=4675

相同的行为:https ://laracasts.com/discuss/channels/tips/proper-way-to-use-livereload-with-laravel-elixir

我尝试了以下操作,但是当我尝试打开实时重新加载浏览器插件时,它说它找不到实时重新加载服务器。 gulp:如何在不刷新的情况下更新浏览器(仅适用于 css 更改)

0 投票
1 回答
505 浏览

laravel-5 - 如何在 laravel5 上安装 laravel-elixir-livereload

我从https://www.npmjs.com/package/laravel-elixir-livereload一步一步安装, 但它不起作用。

接下来,我将它添加到我的 Elixir 增强 Gulpfile 中,例如:

0 投票
0 回答
26 浏览

gulp - Livereload gulp 在单独的终端中不起作用

我的 gulp 文件中的 livereload 有困难。

如果我livereload.listen()作为监视任务的一部分运行,它会起作用。

但是,如果我在观看之前在另一个学期窗口中将实时重新加载作为单独的任务启动,则它不起作用。

// 在一个终端运行 gulp lr 并在另一个终端运行 gulp watch - 之后。

我已经尝试使用gulp-connect具有相同结果的插件。关于单独运行的监视任务的一些事情。在所有情况下,我都可以看到浏览器中加载了 livereload,并且手表运行正常。

正在发生什么,是否可以将这些作为 2 个任务运行(请注意,我对将这些任务作为一个任务加入不感兴趣。这不是这个问题的目标)。

0 投票
2 回答
811 浏览

node.js - gulp nodemon 不起作用

这是我的 gulpfile.js:

我的 app.js:

当我改变“你好世界!” 到“Hello world!!!!!”,我可以在控制台中看到以下内容:

在此处输入图像描述

它确实记录了我的更改。但是页面根本没有重新加载。我必须刷新浏览器才能看到更改。我的 gulpfile.js 有什么问题吗?任何想法?谢谢。

0 投票
1 回答
105 浏览

browser-sync - Browser-sync 在控制台«Reloading Browsers ...»中写入,但没有更新。为什么?

gulpfile.js

保存文件后,控制台给出«Reloading Browsers ...»,但实际上浏览器并没有刷新。

0 投票
1 回答
1764 浏览

ftp - gulp-livereload 重新加载 CSS 而不刷新整个页面

我正在使用远程服务器,并在任何文件更改后通过 gulp-sftp 部署到服务器。我也在与 SASS 合作,并且有编译它的任务。

编译任务

观察者

现在,如果我在第一个浏览器中更改任何 .scss 文件,则仅更新样式表而无需重新加载(仅加载新版本的 style.css),然后刷新整个页面,这很烦人。yu可以给一些建议如何避免它吗?

ps 使用 LiveReload 软件在这种情况下完美运行

0 投票
0 回答
251 浏览

node.js - 使用 Gulp 刷新远程 URL

我有一个通过 FTP 上传更改的文件的 gulp 任务,我希望它也能在我的浏览器窗口中触发刷新。我知道有一些方法可以通过浏览器同步和实时重新加载等模块对本地站点执行此操作,但我似乎找不到任何可以让我刷新远程站点的方法。这是一件小事,但它会是一个很好的小便利。

这甚至可能吗?

0 投票
1 回答
153 浏览

css - gulpfile.js 帮助添加实时重新加载

想知道是否有人可以帮助我解决我的问题。我是 gulp 的新手,并通过在线遵循不同的指南成功创建了一个 gulp 文件,该文件可以按照我想要的方式工作。

我正在尝试添加 CSS 缩小和实时重新加载。想知道是否有人可以帮助我,因为我所做的一切都不起作用:(

这是我当前的文件。提前致谢

0 投票
2 回答
948 浏览

google-chrome - Gulp livereload 不适用于 MAMP

我正在尝试设置 gulp 以使用 MAMP 运行 livereload。这是我的 gulpfile:

如您所见,gulpfile 应该在元素目录中的文件发生更改时清除缓存并重新加载浏览器,并在任何 scss 文件更改时编译 sass 并重新加载浏览器。缓存清除和 sass 编译工作正常,并且都在各自的函数中吐出 console.log 消息。

我遇到问题的地方是让 livereload 重新加载浏览器。事实上,我知道 livereload 正在工作,但根本不针对浏览器,因为我在终端中收到了类似/Applications/MAMP/htdocs/assets/styles/css/style.css reloaded.

0 投票
2 回答
2206 浏览

node.js - Gulp-connect 显示错误 'listen EADDRINUSE' 8080

我有一个简单的 gulpfile.js:我有一个简单的 gulpfile.js:我有一个简单的 gulpfile.js:我有一个简单的 gulpfile.js:我有一个简单的 gulpfile.js:我有一个简单的 gulpfile.js:我有一个简单的 gulpfile.js:我有一个简单的 gulpfile.js

服务器.js

当我运行我的应用程序时,我收到此错误有什么想法吗?:

安慰