Angular项目：如何自动识别并清理未被注入的服务

一、命令行工具方案 #

• 扩展ESLint规则：基于@angular-eslint编写自定义规则，检测带@Injectable()装饰器的类是否在模块providers数组或其他组件/服务的构造函数中被引用，运行ng lint即可批量输出未被注入的服务。
• 解析Angular编译器元数据：执行ngc --diagnostics生成.metadata.json文件，通过脚本解析这些文件，筛选出未被注入引用的服务类。

二、WebStorm操作方法 #

• 批量检测未使用服务：
  1. 点击顶部菜单Code > Inspect Code，选择整个项目作为检查范围。
  2. 在检查结果里找到TypeScript > Unused declarations，其中带@Injectable()的类就是未被注入的服务（需手动排除备用服务）。
  3. 开启实时检测：进入Settings > Editor > Inspections > TypeScript > Unused declarations勾选该项，编辑器会直接给未被使用的服务标灰。
• 单个服务验证：右键点击服务类名，选择Find Usages，如果只有自身文件和装饰器的引用，说明该服务未被注入。

三、VSCode操作方法 #

• ESLint插件扩展：安装官方ESLint插件后，配置自定义规则（或社区现成规则），检测全局未被引用的@Injectable()类，通过Problems面板查看结果。
• 内置TypeScript检查：开启typescript.check.unusedVariables设置，未被注入的服务类会被标灰，打开Problems面板即可批量查看。
• 全局搜索验证：按Ctrl+Shift+F搜索服务类名，除自身文件和装饰器的引用外，没有其他在模块providers或构造函数中的引用，就说明该服务未被注入。

四、自定义脚本验证 #

编写简单的Node.js脚本：

1. 遍历所有.ts文件，提取带@Injectable()的服务类名和路径。
2. 遍历所有.module.ts文件，收集providers数组中的服务。
3. 遍历所有组件、服务的构造函数，收集被注入的服务类名。
4. 对比第一步的列表，找出不在二、三步中的服务，即为未被注入的服务。

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