问题标签 [gulp-watch]

我正在尝试同时使用gulp-watch和gulp-inject来构建我的 Node Web 应用程序。但是，一旦涉及 gulp-watch，涉及 gulp-inject 的构建步骤似乎将无法工作。看起来，原因是watch流永远不会结束，而 gulp-inject 不知道何时开始。

我的 gulpfile 如下所示：

如何成功结合 gulp-watch 和 gulp-inject？

你可以在GitHub 上看到我的完整项目。

我有一个非常简单的 Gulpfile：

当 SCSS 文件更改并且sass任务运行时，我偶尔（大约 10% 的时间）在控制台上收到以下错误消息：

有问题的错误发生在调用gulp.src. 将选项传递给read: false该函数会阻止错误发生（但当然会阻止 sass 工作）。

这个错误是一个问题，因为只要遇到错误，watch 任务就会停止运行。既不gulp-plumber也不.on('error', ...)帮助解决这个问题。

有没有办法解决这个问题？我在 Windows 上，如果相关的话。

还有一些相关的点：

• 完全删除 sass 并不能解决问题。
• 围绕任一任务的内容进行尝试/捕获也不起作用。
• 我正在使用 Sublime Text 3 来编辑文件。我认为问题在于gulp.src在 Sublime 仍在写入文件时尝试读取文件（尽管我不完全确定）。

我的配置完成了它应该做的一切，但它从不刷新浏览器。一旦我手动刷新它，就会有变化。我正在连接到默认的 localhost:3000。任何想法为什么会这样或如何调试它？

gulpfile.js：

控制台输出示例：

这是我的 gulpfile.js

然后我的命令行输出如下所示：

保存 index.jsx

第二次保存 index.jsx

第三次保存 index.jsx

没有输出。

这似乎正是我想要的前两次，然后它就停止观看。谁能指出我正确的方向？

如何根据 gulp 是否正在观看来应用条件参数？

如果需要逐个观看文件，这是工作文件

但是我正在尝试观看许多文件并将其合并为一个不起作用的文件

我的 package.json 是

这是我的代码：

输出：

恐怕没有CSS。任何想法如何使这项工作？

我认为我的代码看起来很像这里的示例代码。'sass' 任务本身运行良好。

我有一个 gulp 文件，它会自动监视我的.JSand.SCSS文件，每当其中一个文件发生变化时，就会创建一个新的编译版本all.main.jsand 。all.min.css

从那以后，我开始使用断点和媒体查询，我的 gulp 任务似乎不再监视单个.SCSS文件的更改。如果我手动运行 gulp SASS，则会创建一个编译版本（因此没有错误）。

吞咽文件：

样式.scss

我似乎无法理解为什么我的 SASS 任务不再监视我的文件。

我的目标是查看我所有的 scss 文件

使用下面的代码就可以了，如果我的

config.paths.src.styles 设置为

/styles/app.scss

但是当我把它改成

/styles/*.scss

我有喜欢

错误：_theme.scss:13:20：缺少属性值

当我使用@extend .container 时问题就出现了；不正常的CSS。

Gulp 任务 style.js

watch.js

应用程序.scss

_theme.js

你可以看看整个 gulp 设置

https://github.com/whisher/angular-bootstrap-cordova-seed/tree/master/gulp

结果

您应该在样式任务中使用 app.scss

和监视任务中的 *.scss （愚蠢的我 :)）

我无法让 gulp watch 工作。它给了我一个以“TypeError：对象函数（服务器）”开头的错误。这是完整的错误（抱歉截图）：http ://cl.ly/image/3p0j1F2L1S0I

这是我的 gulp 文件：

我不知道如何解决。我正在运行 node.js 版本 0.10.33，gulp 版本 3.8.8。如果我运行脚本或样式任务，则运行良好。只是吞咽失败的手表。