解决gulp.watch只执行一次的问题

gulp.task("taskName", function() {
    gulp.src(["base/*.html"])
    .pipe(gulp.dest("dist"));
});

gulp.task("default", function() {
    gulp.watch("base/*.html", gulp.series("taskName"));
});

这样运行gulp时，watch只会执行一次，也就是说当你第一次修改base下的html文件时，taskName任务会执行，但是第二次就不会了。

这是因为第一次的taskName任务没有执行完！

为什么这样写taskName会执行不完呢？因为gulp使用了node的异步完成（Async Completion），需要一个任务完成信号（

Signal task completion）去通知gulp，然后gulp去决定是继续后续任务（task），还是结束。上述写法没有使用任何模式去通知gulp任务完成了，所以gulp不会继续执行。

解决方法非常简单：因为我们创建taskName任务使用的是node的streams模式，返回此任务（task）的stream即是一种通知，所以我们只需要 return 就解决了。

gulp.task("taskName", function() {
    return gulp.src(["base/*.html"])
    .pipe(gulp.dest("dist"));
});