Javascript 如何按顺序组合任务?
我需要通过顺序处理不同的源来组合gulp任务,因为它们之间存在依赖关系 根据文档,这应该在我的合并流中完成,但我看不到如何强制排序和序列化它们的方法 在Gulp 3中建立模型的正确方法是什么 我通常将函数用作各个构建步骤的容器,然后从构建和监视任务中调用它们:Javascript 如何按顺序组合任务?,javascript,node.js,gulp,Javascript,Node.js,Gulp,我需要通过顺序处理不同的源来组合gulp任务,因为它们之间存在依赖关系 根据文档,这应该在我的合并流中完成,但我看不到如何强制排序和序列化它们的方法 在Gulp 3中建立模型的正确方法是什么 我通常将函数用作各个构建步骤的容器,然后从构建和监视任务中调用它们: function buildModule(module) { var streams = []; // step one streams.push( gulp.src(path.join('./m
function buildModule(module) {
var streams = [];
// step one
streams.push(
gulp.src(path.join('./modules', module, '*.js'))
// ... series of chained calls
);
// step two
streams.push(
gulp.src([TMP, ...])
// generate target also using some of the files from step one
);
return eventStream.merge(streams);
}
gulp.task('build:A', [], function () {
return buildModule('A');
});
gulp.task('watch:buildModule', [], function () {
gulp.watch('./modules/**/*.js', function (event) {
if (event.type === 'changed') {
return buildModule(path.basename(path.dirname(event.path)));
}
});
});
gulp.task('default', ['watch:buildModule'], function () {});
基本上有三种方法可以做到这一点 1.定义相关任务 Gulp允许开发人员通过传递任务名称数组作为第二个参数来定义依赖任务:
gulp.task('concat', function () {
// ...
});
gulp.task('uglify', ['concat'], function () {
// ...
});
gulp.task('test', ['uglify'], function () {
// ...
});
// Whenever you pass an array of tasks each of them will run in parallel.
// In this case, however, they will run sequentially because they depend on each other
gulp.task('build', ['concat', 'uglify', 'test']);
2.使用运行序列
您还可以使用按顺序运行一系列任务:
var runSequence = require('run-sequence');
gulp.task('build', function (cb) {
runSequence('concat', 'uglify', 'test', cb);
});
3.使用懒汉管
尽管Lazypipe是一个创建可重用管道的库,但您可以以某种方式使用它来创建顺序任务。例如:
var preBuildPipe = lazypipe().pipe(jshint);
var buildPipe = lazypipe().pipe(concat).pipe(uglify);
var postBuildPipe = lazypipe().pipe(karma);
gulp.task('default', function () {
return gulp.src('**/*.js')
.pipe(preBuildPipe)
.pipe(buildPipe)
.pipe(postBuildPipe)
.pipe(gulp.dest('dist'));
});
这个小模块可能会有帮助: 只需将
eventStream.merge(streams)
替换为:
var series = require('stream-series');
// ...
return series(streams);
为什么不大口喝呢-sequence@entre一般来说,因为如果你只想在需要的地方使用任务,并实际描述要完成的工作的实体。@MaterialStreams难道你就不能
。将一个流的结果输送到另一个流,这取决于它吗?为什么需要手动管理同步?@Asad为了简单起见,我使用注释“/…generates TMP”作为一系列链式调用的占位符,这些链式调用在第一步生成一组临时文件。然后,第二步使用第一步中生成的一些文件和其他一些文件作为源文件,并使用一系列完全不同的链式调用来生成最终的目标文件。@MaterialStreams Ok,因此您有一个经过一些预处理的文件流。让我们将其称为var stage1_1=gulp.src(…).pipe(foo()).pipe(bar())…
。您希望使用来自stage1_1
stream的文件,以及来自其他并行工作的文件,并通过管道将它们全部传输到更多步骤。您可以执行var stage1_2=gulp.src(“./myauxilaryfiles/*.*).pipe(some()).pipe(more()).pipe(processing())
。然后最后var final=merge(stage1_1,stage1_2).pipe(my()).pipe(final()).pipe(processing())代码><代码>合并
这里是var merge=require('merge-stream')代码>。选项1和2显然是用任务组合任务的方法,通常是方法,但不是我真正想要的。对我来说,这与任务的粒度有关,(至少)在我的用例中,我最终会得到数量惊人的(私有)任务,而不是使用流组合任务,然后让任务完成它们应该做的事情。选项3看起来很有希望,但对于我正在尝试做的事情,stream series seams可能是一个更简单的解决方案。非常感谢。