如何让 Gulp 4 不多次运行单个任务？

Question

我有两个任务。他们有一个共同的任务，应该在任务之前执行。

使用 Gulp 3 我以这种方式实现它们：

gulp.task('compile', () => {
    // Compiling the TypeScript files to JavaScript and saving them on disk
});

gulp.task('test', ['compile'], () => {
    // Running tests with the compiled files
});

gulp.task('minify', ['compile'], () => {
    // Minifying the compiled files using Uglify
});

guls.task('default', ['test', 'minify']);

当我运行gulp default 时，compile 任务仅运行 1 次。

在 Gulp 4 我是这样实现的：

gulp.task('compile', () => {
    // Compiling the TypeScript files to JavaScript and saving them on disk
});

gulp.task('test', gulp.series('compile', () => {
    // Running tests with the compiled files
}));

gulp.task('minify', gulp.series('compile', () => {
    // Minifying the compiled files using Uglify
}));

guls.task('default', gulp.parallel('test', 'minify'));

当我运行gulp default 时，compile 任务运行了 2 次，这是不可取的，因为已经完成了一项备用工作。如何使任务只运行 1 次，同时保持 test 和 minify 任务独立运行的能力？

Answer 1

由于您尝试并行运行 test 和 minify，因此不可能只使 run 编译一次，因为它将成为顺序操作。可以的，

gulp.task('compile', () => {
    // Compiling the TypeScript files to JavaScript and saving them on disk
});

gulp.task('test',() => {
    // Running tests with the compiled files
}));

gulp.task('minify',=> {
    // Minifying the compiled files using Uglify
}));

gulp.task('compile-and-test', gulp.series('compile','test'));

gulp.task('compile-and-minify', gulp.series('compile','minify'));

guls.task('default', gulp.series('compile', gulp.parallel('test', 'minify'));

这种方法将允许您运行单独的操作，并使测试和缩小操作并行，同时只执行一次编译。

您可以阅读更多详细信息here。