能否创建类似dependency-cruiser依赖图的Angular注入器图？

完全可以生成和dependency-cruiser视觉效果、分析能力对齐的Angular分层注入器依赖图，现有生态工具和自定义实现的路径都很成熟：

现成可用工具 #

• Angular DevTools：Angular官方调试工具内置Injector Graph功能，打开浏览器DevTools切到对应标签页，就能直接查看当前页面激活的完整分层注入器树，包含每个注入器挂载的服务、服务间的依赖指向、注入器层级从属关系，支持按服务名快速搜索定位。默认是运行时实时抓取的真实状态，需要导出静态图时可以配合调试接口抓数后二次渲染。
• 静态扫描组合方案：用ng-morph做源码静态分析，逻辑和dependency-cruiser的静态扫描一致，不需要启动项目，直接遍历全量代码解析@Injectable的providedIn配置、@NgModule/@Component/@Directive装饰器里的providers声明，按照Angular分层注入的查找规则（元素注入器→视图容器注入器→模块注入器→空注入器）还原真实的服务提供位置和依赖关系，输出的结构化数据可以直接对接dependency-cruiser的渲染层，生成和普通模块依赖图风格完全一致的可视化结果，同时支持配置规则做非法跨层依赖、循环依赖的校验，和dependency-cruiser的卡点能力对齐。
• Compodoc扩展配置：作为Angular生态常用的文档生成工具，Compodoc自带依赖图生成能力，开启--enableGraph参数后补充注入器扫描规则，生成的图可以用不同颜色区分根级、模块级、组件级、指令级注入的服务，支持导出Mermaid、SVG格式，调整样式配置后也能对齐dependency-cruiser的展示效果。

自定义实现路径 #

如果现成工具的输出不符合项目需求，可以按以下步骤低成本实现：

1. 静态收集依赖：基于TypeScript编译器API遍历全量源码，识别所有Angular装饰器声明，收集每个服务的提供层级、构造函数声明的依赖项，按照Angular注入规则还原每个依赖实际对应的注入器实例，动态创建的临时注入器可以按需选择是否纳入统计。
2. 格式适配：将收集到的注入器节点、服务节点、依赖边转换成dependency-cruiser兼容的输入格式，给不同层级的节点添加自定义标记，比如根级服务标记为蓝色、组件级服务标记为橙色、懒加载模块服务标记为绿色，和dependency-cruiser的模块类型标注逻辑保持一致。
3. 渲染输出：直接调用dependency-cruiser的渲染能力传入处理好的数据，就能得到风格统一的注入器依赖图，支持节点过滤、依赖路径高亮、多格式导出等dependency-cruiser自带的所有功能。

注意：如果项目中存在运行时手动创建Injector实例、动态注册provider的逻辑，纯静态扫描会遗漏这部分依赖，需要结合Angular DevTools的运行时抓取数据做补充，才能得到完全准确的依赖状态。

内容的提问来源于stack exchange，提问作者Illia Panchenko