Webpack 查看es6模块导出/导入依赖项

我有一个包含60多个es6模块的web项目，这些模块使用

export

和

import

。我正在寻找一种方法来绘制模块之间的关系图。我正在寻找循环依赖关系和机会来进行代码拆分，并将项目可视化

我想

npmls

会回答我的问题，但它似乎列出了node_模块中的所有内容/（我不关心这些），并且没有列出我自己的模块。我也看了。但是他们都没有接近我想要的东西（或者我不知道如何使用它们）。

做的和我想要的差不多。它创建了一个漂亮的svg依赖关系图。安装：

npm-开发人员安装madge

以及创建svg图形（Ubuntu）：

sudo-apt-get-install-graphviz

然后运行：

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

下面是一个示例（svg另存为png）