Gulp 4同一来源的多个任务，并且是串联的

Question

我像下面这样编辑我的gulpfile：

gulp.task('watch', function() {
    gulp.watch('**/*.html', gulp.series('htmlcomb'));
    gulp.watch('css/**/*.scss', gulp.series('csscomb'));
    gulp.watch('css/**/*.scss', gulp.series('cssmin'));        
    gulp.watch('js/**/*.js', gulp.series('jsmin'));
});

但是当我运行gulp时，注意它在csscomb之后停止。当我编辑scss文件时。它只是在上面梳理。

我可以异步运行htmlcomb、jsmin和(cssbomb + cssmin)。但我需要在csscomb之后运行cssmin。

Answer 1

如果您希望csscomb在cssmin之前运行，只需使用：

gulp.task('watch', function() {
    gulp.watch('**/*.html', gulp.series('htmlcomb'));

    gulp.watch('css/**/*.scss', gulp.series('csscomb', 'cssmin'));

    gulp.watch('js/**/*.js', gulp.series('jsmin'));
});

实际上，如果你使用的是GUP4.0，你的函数可能是这样的：

function csscomb() {
  return gulp.src(…...)
    .pipe.....)
    .pipe(gulp.dest(…...));
}

因此，您的监视任务调用的是函数，而不是任务，如下所示：

gulp.task('watch', function() {
    gulp.watch('**/*.html', gulp.series(htmlcomb));

    gulp.watch('css/**/*.scss', gulp.series(csscomb, cssmin));

    gulp.watch('js/**/*.js', gulp.series(jsmin));
});