是否有工具可视化gulp文件中的任务依赖项？

Question

我们有一些（可能是不必要的）复杂的gulp文件，我找不到一个以某种可视方式显示依赖关系的工具 - 甚至只是像npm这样的文本输出。

例如

gulp.task('something:else', ...
gulp.task('ts:compile', ['something:else'], function () {
gulp.task('copy:i18n', ...
gulp.task('test', ['ts:compile', 'copy:i18n'], ...

它将输出类似

的内容

test
-> ts:compile
--> something:else
-> copy:i18n

甚至更好，一些视觉图/ png / etc

Answer 1

我发现了这些：

https://www.npmjs.com/package/gulp-task-graph-visualizer - 它提供了一个文本表示，就像问题中的输出一样。

这个更好：

https://github.com/pavlov99/gulp-graph-tasks - 它创建了任务依赖关系的可视化图形，正是我所寻找的。