gulp - 是否有工具可以可视化 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/等

Answer 1

我找到了这些:

https://www.npmjs.com/package/gulp-task-graph-visualizer - 它呈现类似于问题中的输出的文本表示形式。

这个更好:

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