问题标签 [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 投票
0 回答
377 浏览

css - gulp-webserver livereload 不适用于 css-Files

我正在使用 gulp-webserver。

如果我在 build/-folder 中手动编辑 .js 或 .html 文件,则 livereload 将变为活动状态并刷新页面。相反的 .css 文件被忽略 - 但是为什么呢?

0 投票
1 回答
1462 浏览

gulp - Gulp 重新加载不起作用

我想在我的工作流程中使用 gulp reload,但我遇到了麻烦。当我在命令行中通过“gulp”命令启动时,我有服务器连接,但是当我进入浏览器时,出现“Cannot GET /”字样,这是什么,我该如何解决这个问题?请帮忙。

我有下一个 gulpfile.js:

这是我的项目结构: 在此处输入图像描述

0 投票
1 回答
43 浏览

node.js - livereload - 上传后图像不会立即调整大小

我为 JavaScript 缩小和图像大小调整创建了 gulp 任务调度程序。当我手动执行命令时,一切都很好。

命令:

但是当我包含 gulp-livereload 模块以自动执行操作时,命令行在我上传图像时不断观察,它不会调整大小。只是光标在闪烁。上传图像时,命令监视列表中不显示任何活动。

gulpfile.js

我想在照片文件夹中上传新图像时自动调整图像大小。

0 投票
3 回答
1205 浏览

gulp - Gulp lint 需要太多时间

我的 gulp 文件中的 linting 和实时重新加载有问题。他们需要很长时间才能完成。

这是我的 gulp 文件,我做错了什么:

在我进行一些更改后,lint 需要将近 20 秒才能完成,而肝硬化需要 5-6 秒来刷新浏览器。

有什么建议吗?

0 投票
1 回答
1758 浏览

angular - 在 scss 保存时重新加载页面

我正在使用官方快速入门指南玩 Angular 2。

package.json 文件中的开发依赖项允许通过保存 html 文件进行实时重新加载。

我还使用 Gulp 和 live reload scss to css 来装饰我的东西。

我想要的是将 Gulp 的 scss 实时重载与 Angular 2 的 html 实时重载绑定。我的意思是当我在 scss 或 html 文件中保存更改时,我希望这些更改通过实时重新加载来完成。

现在,我只能通过在终端中运行 Gulp 命令或 npm start 命令来单独更改 scss 和 html。

我的 gulpfile.js 代码:

我的 package.json 代码:

0 投票
0 回答
74 浏览

angularjs - Yeoman,Gulp livereload 在 html5Mode 上失败

我将 yeoman 与 gulp 一起使用,在我启用 html5Mode 后,livereload 停止工作,这是我当前的 gulp 连接代码:

要启用 html5Mode 我使用以下

我也有基本的 url 标签。我发现了很多关于 grunt 的信息,但没有 gulp connect 的解决方案。希望其他人有任何提示。

0 投票
1 回答
494 浏览

android - 基于 generator-gulp-angular 在 Ionic 项目上配置 Live Reload

我有一个 Ionic 1.3.1 项目,其架构基于旧但黄金的 generator-gulp-angular,我想Live Reload在设备 (Android) 上启用该项目。

我的 gulp 配置路径如下所示:

这意味着要在我使用的浏览器中运行项目并在我使用gulp serve的 Android 设备中运行gulp build && ionic run android

我不能使用ionic run android --livereload 此处文档中描述的命令,因为它会同步www(在 a 之后gulp build)我有缩小文件而不是源文件的文件夹。

所以我想以某种方式混合这两个命令gulp serveionic run android --livereload但我真的不知道如何实现这一点。

0 投票
1 回答
350 浏览

sass - gulp livereload 使用过时的 css 文件

我正在使用以下 gulp 设置将我的 sass 文档编译为一个缩小的 css 文档,以缩小我的 js 并在我的 IDE(Atom)中保存任何文档时重新加载浏览器。

当我编辑我的一个 sass 文件时,我的 Chrome 浏览器会自动刷新我的 localhost (MAMP) 页面。但是,例如,当我在 IDE 中保存我的 index.html 页面或在浏览器中刷新页面时,Chrome 使用的是我编译的 css 文件的旧版本,并且不显示当前的更改。

这是为什么?我该如何解决这个问题?

0 投票
1 回答
671 浏览

javascript - Gulp livereload SyntaxError: Unexpected token 。怎么修?

当我运行 gulp 命令时,此错误被炸毁

如果你有一些想法如何解决这个问题,我准备好听了))!如果你有一些想法如何解决这个问题,我准备好听了))

有 gulpfile.js 的完整代码

0 投票
0 回答
104 浏览

gulp - 服务器端的 gulp Live reload

我有一个开发的 gulp 文件,其中包含浏览器同步和实时重新加载。这个 gulp 文件非常适合我的要求。对于基本想法,我的 Apache 服务器中有一个根文件夹,其中有我的项目文件夹。

我正在使用我的 gulp 文件来观看和构建项目文件夹并实时重新加载。目前我正在使用浏览器同步:

“公共”文件夹中所做的每一项更改都会影响实时重新加载。如果我在两个单独的窗口中打开了两个项目并在一个项目上进行了一些更改,则两个窗口都在刷新(实时重新加载)。我不需要这种情况发生。只有一个窗口应该是实时重新加载的。我该怎么做。

原因:

我想为许多用户在服务器端实现这个,我该怎么做?用户的更改不应影响其他用户。