有人可以解释这个 gulpfile 中的“干净”依赖吗？

Question

尝试研究https://github.com/jhades/angularjs-gulp-example/blob/master/gulpfile.js，我注意到对于任务build，有一个依赖关系clean。但是，对于大多数其他定义，clean 也被指定为依赖项！因此，如果我运行build，它将运行clean，但是build-css 和build-template-cache 也有clean 依赖项等等......它是否也会为每个运行clean依赖？所以基本上将运行一个命令gulp build 最终运行clean 不止一次...清除其他依赖项的输出...或者将运行clean 第一次显式满足其他依赖项的依赖项并阻止clean再次运行！？

任何指针将不胜感激。

请注意

我不是在问正确的清洁技术是什么！我特别询问我发布的链接......以及它如何处理clean 任务。

Answer 1

依赖关系

Dependencies 在 gulp 文件中只是说它必须至少在它之前运行一次。例如这段代码：

var gulp = require('gulp');

gulp.task('main', ['b', 'a'], function() {
  return gulp;
});

gulp.task('a', ['b'], function() {
  return gulp;
});

gulp.task('b', ['a'], function() {
  return gulp;
});

会这样运行：

• main
• a
• b

不是：

• main
• a
• b
• a
• b

无限重复。

依赖执行顺序

但是，它可以按照main、b、然后a 的顺序轻松运行。这是因为gulp 中的synchronous tasks。依赖必须在任务之前异步运行，但是它们一起运行或者同步运行，这个answer解释了同步和异步的区别。

为避免这种情况，您可以在Gulp 4 中使用此代码：

gulp.task('main', function() {
  gulp.series('a', 'b');
});

这将始终按main、a、b 的顺序运行 但在此之下，您需要使用run-sequence 包。这是一个例子：

var runSequence = require('run-sequence');
gulp.task('main', function() {
  runSequence('a', 'b');
})