Question

我有一个Web项目，其中包含60多个使用export和import的es6模块。我正在寻找一种绘制或映射模块之间关系的方法。我正在寻找循环依赖项和机会来进行代码拆分，并且通常只是可视化项目。

我以为npm ls会回答我的问题，但是似乎在node_modules /（我不在乎）中列出了所有内容，而没有列出我自己的模块。我还看了dependo。但是两者都没有达到我想要的（或者我不明白如何使用它们）。

Answer 1

Madge几乎可以满足我的需求。它创建了一个很好的依赖关系的svg图。安装：

npm -dev install madge

并创建svg图形（Ubuntu）：

sudo apt-get install graphviz

然后运行：

node_modules/.bin/madge --image graph.svg src/index.js

这里是一个示例（svg另存为png）