V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
lyc575757
V2EX  ›  分享创造

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

  •  
  •   lyc575757 · 25 天前 · 934 次点击

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

    效果演示

    主界面

    1

    下载并分析依赖关系

    2

    展示依赖图

    3

    亮点

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

    • 支持自定义依赖层级.

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

    其他

    欢迎大家使用与反馈 🥳

    5 条回复    2024-10-12 13:56:36 +08:00
    zuisong
        1
    zuisong  
       25 天前
    发现一个问题
    https://pkg-graph.info/@babel/preset-env
    依赖深度改成 8 之后,页面很卡顿,缩放和拖动依赖图的节点都很卡顿
    JerichoDing
        2
    JerichoDing  
       24 天前
    很棒~
    lyc575757
        3
    lyc575757  
    OP
       24 天前
    @zuisong 节点太多的时候是会存在这个问题,跟设备的 CPU 内存也有关系,我的电脑大概 600 多个节点的时候会出现卡顿,后面看看有没有办法优化一下
    ckvv
        4
    ckvv  
       24 天前
    直接解析 lock 文件不行么?
    weijancc
        5
    weijancc  
       23 天前
    你这个太慢了, 我有这个需求, 用的是这个: https://npmgraph.js.org, 很好用
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3851 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 04:15 · PVG 12:15 · LAX 20:15 · JFK 23:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.