gulp - 为什么实时重新加载不适用于 gulp-connect？

Question

我用 gulp-connect 像这样:

gulp.task('watch', function() {
  gulp.watch(paths.scss, ['scss']);

  gulp.watch(distPaths, function() {
    return gulp.src(distPaths)
               .pipe(connect.reload());
  });
});

实时重新加载位工作正常。

我的问题是，为什么以下不起作用:

gulp.task('watch', function() {
  gulp.watch(paths.scss, ['scss']);
  gulp.watch(distPaths, connect.reload);
});

什么 gulp.src(distPaths)位是为了？

另外， return 的重要性是什么？ ?

Answer 1

connect.reload()需要在流中使用。在您的示例中，您试图将其作为一个独立的函数调用，它什么也不做。调用 connect.reload()返回一个接受输入并对其进行处理的流处理程序。在第二个示例中，它实际上是一个空操作。

您需要 return或 tasks are run synchronously . (您也可以返回 promise 或使用回调函数。)

基本上，如果您没有为 gulp 提供某种方式来跟踪异步任务的进度，则它必须假设您从函数返回时它们已完成。如果您 return管道，它可以听它到达终点。

此外，使用 gulp-watch 可能效果更好。对于您的 watch ，因为它只通过更改的文件，这是您想要实时重新加载的:

var watch = require('gulp-watch');

gulp.task('watch', function() {
    gulp.watch(paths.scss, ['scss']);
    watch(distPath).pipe(connect.reload());
});