是否有工具可以在 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

甚至更好，一些视觉效果 diagram/png/etc

Answer 1

我找到了这些：

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

这个更好：

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

是否有工具可以在 gulp 文件中可视化任务依赖关系？

Is there a tool to visualise the task dependencies in a gulp file?

dependencies

visualization

gulp