UD5工具箱
步骤 1
打开工具页面
访问 https://www.ud5.com/tool/monorepo-dependency-graph，页面加载完成后即可看到依赖关系输入区域和可视化画布。整个界面采用左右分栏布局，左侧为数据输入区，右侧为依赖图展示区。
步骤 2
添加包和依赖关系
在左侧输入区域，依次填写「包名称」和「依赖包」字段，然后点击「添加」按钮。例如，你可以先添加 core-utils 作为基础包，再添加 app-web 并将其依赖指向 core-utils。重复此过程，逐步构建出完整的包依赖列表。
步骤 3
查看依赖图可视化
每次添加或删除依赖关系后，右侧的依赖图会自动重新渲染。图中每个节点代表一个包，箭头表示依赖方向。你可以在画布上拖拽节点位置，也可以使用鼠标滚轮进行缩放，以获得最佳的查看视角。
步骤 4
查看统计数据
页面顶部的统计面板会实时更新，显示当前项目的包总数、依赖边数量以及检测到的循环依赖数量。这些指标帮助你快速掌握项目的整体复杂度。
步骤 5
使用搜索定位包
当包数量较多时，在搜索框中输入目标包名的部分或全部字符，图中匹配的节点会立即被高亮显示，同时其所有上下游依赖路径也会被标记出来，方便你快速分析特定包的影响范围。
步骤 6
检查循环依赖
如果统计面板显示循环依赖数量大于零，依赖图中对应的环形路径会以红色高亮展示。请仔细检查这些循环关系，因为循环依赖可能导致构建错误、模块加载失败等严重问题，需要优先修复。
步骤 7
加载示例数据（可选）
如果你是首次使用，可以点击页面上的「加载示例」按钮，一键导入预设的示例项目数据。这将快速填充依赖关系，帮助你在不输入真实数据的情况下体验全部功能。