Angular ESLint Schematics 中跳过安装依赖的实现

背景介绍

Angular ESLint 是一个为 Angular 项目提供 ESLint 支持的工具集，它通过 Schematics 机制与 Angular CLI 深度集成。在使用 ng add @angular-eslint/schematics 命令时，工具会自动执行依赖安装，这在某些场景下可能不符合用户需求。

问题分析

在 Angular CLI 的 ng new 命令中，开发者可以使用 --skip-install 参数来跳过初始的依赖安装过程。然而，当通过 Schematics 添加 Angular ESLint 时，这个参数没有被正确处理，导致无论如何都会执行 npm install 或 yarn install。

这个问题在项目构建流程中尤为明显，特别是当：

1. 项目使用自定义的 ng-new Schematics
2. 需要在特定阶段统一安装所有依赖
3. 构建环境需要控制依赖安装的时机

技术实现

Angular ESLint 的 Schematics 实现中，NodePackageInstallTask 任务是硬编码执行的，没有考虑用户的跳过安装需求。在最新版本中，这个问题已经通过以下方式解决：

1. 添加了对 skipInstall 参数的支持
2. 在执行安装任务前检查该参数
3. 当参数为 true 时跳过依赖安装

版本兼容性说明

需要注意的是，这个改进只适用于当前支持的 Angular 版本。对于 Angular 16 等较旧版本，由于已经不再维护，无法获得此功能的向后移植。

最佳实践建议

对于需要控制依赖安装时机的项目，建议：

1. 升级到最新支持的 Angular 版本
2. 在添加 Angular ESLint 时使用 --skip-install 参数
3. 在适当的阶段统一执行依赖安装

结论

Angular ESLint 团队已经解决了跳过安装依赖的需求，这为项目构建流程提供了更大的灵活性。开发者现在可以更好地控制依赖安装的时机，适应各种复杂的构建场景。对于仍在使用旧版本 Angular 的项目，升级到支持版本是获得这一功能的最佳途径。