项目中 javascript 个文件之间的视觉关系

Visual relationship between javascript files in a project

我希望能够从我的项目中的每个文件中直观地看到我需要的文件之间的关系——那是因为我在我的项目中使用了 redux,但可能在某些情况下我引入了反-模式行为,通过 运行 代码,而不是先派遣动作创建者,我很乐意直观地检查此时的事情有多复杂。

示例:如果 A 依赖于 B,而 B 依赖于 C,我希望直观地看到 A 有一个箭头连接到 B,一个箭头连接到 C。

是否有任何实用程序或 IDE 功能可以帮助我像那样可视化我的 js 代码?

谢谢

我以前用过 madgenpm link with install instructions。如果您还安装了 graphviz,则可以使用 madge --image graph.svg path/to/app.js.

导出依赖项的 svg

查看我的一个更加模块化的回购协议示例!