问题标签 [gulp-watch]
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.
javascript - gulp.watch 进入无限循环
这是我的 gulpfile。
当我运行“gulp development”时,它会进入这样的无限循环。
我确信我尝试观看内容的方式存在问题。有人可以帮我解决这个问题吗?
谢谢!
javascript - Gulp - 将参数传递给内部函数
我有一个循环遍历数组的监视任务。数组中的字符串用于获取要监视的不同文件路径。这就是手表功能的路线。on-function 在这些文件中查找更改。如果有更改,将调用一个新函数,该函数开始编译 sass 文件。
我的问题是里面的参数“groupName”。监视任务对更改做出反应,但 console.log 未定义。我需要从数组中获取字符串的输出,但我不知道如何将变量传递到该位置(需要获取正确的源文件,必须写入)。
问候,拉斯
coffeescript - Browserify,监视和移动文件
当我们在开发应用程序时尝试将 browserify 与 watchify 一起使用时,我和我的团队一直遇到同样的问题。
本质上是这里的问题。假设我们有以下文件结构:
并app.coffee
具有以下代码:
这对我们很有用,我对使用 watchify 后构建运行的速度感到非常满意。
但是,假设我们随后稍微改变了我们的项目结构:
但它的内容app.coffee
没有改变,所以它仍然在做以下事情:
现在,问题是 Watchify 或 Browserify 似乎都没有这个问题,我怀疑这可能是因为正在进行某种缓存。
然而,一旦该代码被推送到我们的 repo 并且另一个团队成员将其拉下,Browserify 立即抱怨它无法再找到./required_file
,因为 require 语句不正确,它应该是../folder2/required_file
.
谁能向我解释为什么会发生这种情况以及我们如何才能防止它继续发生?
css - 如何 Gulp-Watch 多个文件?
我有这样的事情:
但它不起作用,因为它监视两个目录,即 sass 和 layouts 目录以进行更改。
我如何使它工作,以便 gulp 监视这些目录中发生的任何事情?
javascript - gulp.watch() 在具有约 400 个文件的目录上的性能问题
我注意到,如果我gulp.watch()
的目录包含约 400 个 Markdown 文件,我的 Gulp 任务需要很长时间才能初始化(在我的机器上约 19 秒)。如果我删除这个特定.watch()
的调用,我的任务初始化时间会缩短到不到 100 毫秒。
我有什么办法可以解决这个性能问题,或者在 Gulp 中查看包含数百个文件的目录是不可行的?
更新:我已切换到回调函数:
我仍然遇到同样的性能问题。
gulp - gulp + browser-sync - 为什么从应用程序中删除目录时出现 gulp 错误?
在一个简单的 gulp + browser-sync 项目中,所有文件添加/删除/更改都正常工作,但是当我从应用程序 gulp/browser-sync 删除目录时会抛出如下错误:
events.js:72
throw er; // Unhandled 'error' event
^
Error: watch EPERM
at errnoException (fs.js:1030:11)
at FSEvent.FSWatcher._handle.onchange (fs.js:1048:26)
我不确定在哪里寻找可能的问题。如果有人能指出我正确的方向。
javascript - Gulp watch 不适用于子目录
我正在使用 gulp。我有一个任务
我有相同的文件夹结构:
- 应用程序
- 模块
- 行政
- adminCtrl.js
- 家
- 主页Ctrl.js
- 行政
- 模块
- 应用程序.js
如果我将文件 *.js 或新子目录添加到“modules/admin”中,gulp watch 工作,但是,如果我在 modules/ 中创建新子目录,例如“about”,并添加到“about”文件中,例如 aboutCtrl.js,gulp watch 不工作。我该如何解决这个问题?
javascript - 动态 gulp.watch 执行过于频繁
我想动态地建立观察者。因此,我有以下代码:
监视任务最初构建所有样式表。之后,它会在循环中为每个主样式表生成观察者。
我的问题是,我有这些主要的 scss 文件,它们都可以导入同一个文件。在此示例中,它是 _view.scss。当我在此文件 (_view.scss) 中进行更改时,相应的主样式表将被覆盖,因为 _view.scss 作为导入出现。所以在这种情况下 _views.scss 被导入 4 次,因此每个主样式表被覆盖 4 次。
如何实现单次执行?
问候拉尔斯
gulp - Gulp + gulp-compass 编译,未更改的文件被重新注入到 BrowserSync
我有一个 Gulp 任务设置来使用指南针编译 .scss 文件,还有另一个正在运行的任务,它通过 BrowserSync 将更改的 CSS 注入浏览器。
我发现的问题是,当 compass 运行时,我得到如下代码段中的输出:
即使文件main.css没有改变,但 compass 莫名其妙地碰到了它,让 BrowserSync 认为它已经改变了,这意味着即使只有一个文件发生了变化,整个 CSS 文件集也会重新注入到浏览器中。
有没有办法让相同/未更改的 *.css 文件保持不变,以便 BrowserSync 只能加载实际更改的文件?
我们有很多文件,使整个过程非常缓慢。