所有任务完成后如何在 gulp 中处理通知？

Question

我正在进入 Gulp 的许多流中，并且遇到了一个令人困惑的主题。我想在所有任务实际完成时发布通知。我看到任务已执行但默认异步运行。

如果我想在每个步骤完成后显示通知...并在所有步骤完成后显示通知怎么办？

在 gulp 中更好地控制任务时间的最佳方法是什么？

目前，我正在使用 gulp-notify 来显示通知。

更新 X 2

我并没有真正遇到任何错误，但想更好地了解此处的操作顺序以及如何触发我自己的所有任务何时完成的通知。这是一个例子。

var gulp = require('gulp'),
    gp_concat = require('gulp-concat'),
    gp_notify = require('gulp-notify');

gulp.task('task1', function() {
    return gulp.src(['file1.js','file2.js'])
        .pipe(gp_concat('file1_2.js')
        .pipe(gp_notify({ message: "file1_2 created." }
})

gulp.task('task2', function() {
    return gulp.src(['file3.js','file4.js'])
        .pipe(gp_concat('file3_4.js')
        .pipe(gp_notify({ message: "file3_4 created." }
})

gulp.task('mainTask', ['task1','task2'], function() {
    gulp.src('file*_*.js')
        .pipe(gp_notify({ message: "All tasks complete." }))
});

在控制台中，通知现在已正确计时，但是在执行结束时，就在 xx ms 后 Finished 'mainTask' 之前，最终的 'All tasks complete' 消息会触发 [n-1] 次，其中 n是子任务的计数。

是什么导致这个最终通知被触发了这么多次，如何抑制？

Answer 1

我猜你试图在每个任务结束时附加一个对 gulp-notify 的调用，并在依赖于之前任务的一般任务结束时附加一个调用。

所以问题可能与任务没有正确地将其“完成状态”传达给主要任务有关。对于这个主题，您可以查看Running tasks in series, i.e. Task Dependency 配方或总是很方便的run-sequence 包。

更新

为了让一个任务知道它的子任务已经完成是让它们返回一个流，所以在示例代码中子任务可以简单地返回gulp.src管道。

gulp-notify 当使用字符串消息调用时，将为传递的流中存在的每个文件输出该消息，因此，在示例的最后一个任务中，它将被调用两次。对 gp_notify 的调用应更改为：gp_notify({ message: "All tasks complete.", onLast: true })。这样，消息只会被通知到最后一个文件。

Answer 2

默认情况下，gulp-notify 为流中的每个文件发送通知。如果您只希望每个流有一个通知，请将onLast: true 添加到传递给notify() 的选项中。例如

var gulp = require('gulp'),
    gp_concat = require('gulp-concat'),
    gp_notify = require('gulp-notify');

gulp.task('task1', function() {
    return gulp.src(['file1.js','file2.js'])
        .pipe(gp_concat('file1_2.js'))
        .pipe(gp_notify({ message: "file1_2 created.", onLast: true }));
});

gulp.task('task2', function() {
    return gulp.src(['file3.js','file4.js'])
        .pipe(gp_concat('file3_4.js'))
        .pipe(gp_notify({ message: "file3_4 created.", onLast: true }));
});

gulp.task('mainTask', ['task1','task2'], function() {
    gulp.src('file*_*.js')
        .pipe(gp_notify({ message: "All tasks complete.", onLast: true }));
});