Madge 介绍

Madge 是一个开发人员工具，用于生成模块依赖项的可视图，查找循环依赖项，并为您提供其他有用的信息。 可以提取模块依赖关系生成依赖关系树。

例如，这是 Madge 自身的依赖关系树：

使用场景介绍：

• 解放双手，快速生成一个项目中文件之间的依赖关系。这对于快速梳理项目文件关系，为项目优化提供了便利。

安装

npm -g install madge

使用

全局安装 madge 后，进入到你的项目根目录下，找到项目入口文件 index.js ，然后执行以下命令：

madge ./src/index.js

查看终端打印结果：

从图中可以看到，index.js 主入口文件中依赖了两个文件： App.js 文件和 App.css 文件。其中， App.js 文件的依赖文件也打印出来了，就是图中灰色的那些文件。