外部依赖图

类型: 前端工程 | 标签: 依赖管理 生态分析 版本治理 SVG

提示词

md

综合分析 package.json、.env 配置文件（如 .env.production）和 README.md，帮我梳理该前端项目的所有对外依赖。

## 分类归纳
将所有对外依赖严格划分为以下三类：
- 核心框架与重度依赖（如 React/Vue 生态、UI 组件库、全局/局部状态管理、图像处理库等）
- 中间件与基础设施（如打包工具 Vite/Webpack、单元测试框架 Vitest、Node/BFF 层、Docker 配置等）
- 外部 API 与三方服务（如大模型 API、客服系统、监控/埋点服务等）

## 视觉呈现
- 绘制成一张架构关系图，每一类依赖使用不同的颜色进行高亮区分

## 输出
- 保存为 ./docs/external-deps.svg

适用场景

版本升级风险评估：升级一个核心库会影响到哪些上下游
技术选型复盘：项目用了太多库，哪些是标配、哪些是冗余
安全漏洞扫描前置：跑安全扫描前先了解依赖全貌，避免大范围误报
项目引入交接：接手一个老项目，先看外部依赖图就知道它的"技术重量级"

最佳实践

三类严格分开：核心框架标红、基础设施标蓝、外部 API 标绿，颜色语义固定
标注版本锁定：^ 还是 ~ 还是精确版本，在节点上标注出来
关注重度依赖：核心框架那一类是对项目影响最大的，升级必须谨慎
标记弃用库：如果项目里有用但官方已经不再维护的库，用特殊标记警示
保存基线版本：每次大版本升级前跑一张图作为基线，升级后对比变化