node-modules-inspector 使用以及 node_modules可视化 依赖关联关系快速分析

node-modules-inspector 使用以及 node_modules可视化 依赖关联关系快速分析

node-modules-inspector 简介

• node-modules-inspector 是一个用于分析和可视化 node_modules 依赖关系的工具，主要功能包括：

  1. 依赖可视化：以交互式图表展示项目的依赖树，帮助理解复杂的嵌套结构。
  2. 依赖分析：检测重复依赖、过时版本或潜在冲突。
  3. 体积检查：估算各依赖包的磁盘占用大小，辅助优化安装体积。
  4. 简洁来说，它是一个 “依赖关系显微镜”，适合优化大型项目依赖。

• 适用场景：

  1. 快速定位 node_modules 臃肿问题。
  2. 调试依赖冲突（如多版本共存）。

• 注意事项：

  1. 需要 Node.js 18+（旧版可能报错）。
  2. 本地项目运行node-modules-inspector出现报错需要使用低版本。

node-modules-inspector 在线地址初体验

• 官网地址
• 输入相关依赖 这里使用vue进行示例
• 输入相关依赖后会自动开始运行等待依赖下载完毕即可
  
• 加载完毕后可以得到如下相关解析
  
  

在本地项目中使用 node-modules-inspector

• 运行官方提供的代码即可 pnpx node-modules-inspector
• 我这边也是直接弄了个示例 pnpm add vue > pnpx node-modules-inspector@0.5.5 当然你也可以直接在项目中直接跑

运行 pnpx node-modules-inspector 报错 Failed to Connect to the BackendSyntaxError: Unexpected token ‘<’, "<!DOCTYPE "… is not valid JSON

• 2025年4月8日目前不指相关版本前提下 自动使用的版本是 v0.6.2
• 遇到该报错可以先 将版本降低 pnpx node-modules-inspector@0.5.5