javascript - Gulp LiveReload 崩溃

Question

我们的项目正在使用 Gulp 和 LiveReload。我相信我们从入门包中获取了代码，但我不确定。不管怎样，我没有把 Gulp 设置放在一起。

我们使用gulp-load-plugins来加载我们正在使用的所有gulp插件。每个任务都在其自己的文件中，并且被加载并运行。这是a gist with the code 。其中包含 Gulpfile.js 和 watch.js 文件。我还在那里添加了一个文件，其中包含更改文件时终端中的错误输出。输出表明 livereload.changed 不是一个函数，而是 this link到 gulp-livereload 页面显示它是一个函数。

我的问题是:导致错误的原因是什么？ watch.on('change', function) 已经过时了吗？有没有更好、更合适的方法来设置。在我设置了 livereload 的所有其他项目中，我没有以这种方式使用过它。

预先感谢您的帮助。

Answer 1

在你的 gulp 文件中，你使用 gulp-load-plugins 这使得以下代码正确:

var server = plugins.livereload();

但是在监视文件中您不需要它就可以使用它，所以只要这样做就可以了。错误是服务器未定义，这就是原因。

在导出之外的 watch.js 中使用 var server = require('gulp-livereload'); 即可实现此目的。

我几乎总是在 gulp 文件中包含我的监视任务，这不是问题。在这种情况下，所有插件都不需要将内容要求/导出到不同的 gulp 任务文件