一个可视化展示 npm 包依赖的工具 [pkg-graph.info]

[lyc575757]

在线体验地址： https://pkg-graph.info

效果演示

主界面

下载并分析依赖关系

展示依赖图

亮点

• 基于WebContainers 来实现依赖的收集与分析，所以比一些同类工具更加快速.

• 支持自定义依赖层级.

• 支持深色模式与移动端访问.

其他

• GitHub 源代码： https://github.com/yuyinws/pkg-graph.info

欢迎大家使用与反馈 🥳

[zuisong]

发现一个问题
https://pkg-graph.info/@babel/preset-env
依赖深度改成 8 之后，页面很卡顿，缩放和拖动依赖图的节点都很卡顿

[JerichoDing]

很棒~

[lyc575757]

@zuisong 节点太多的时候是会存在这个问题，跟设备的 CPU 内存也有关系，我的电脑大概 600 多个节点的时候会出现卡顿，后面看看有没有办法优化一下

[ckvv]

直接解析 lock 文件不行么?

[weijancc]

你这个太慢了, 我有这个需求, 用的是这个: https://npmgraph.js.org, 很好用