Angular 13在Azure DevOps中生产构建超时问题求助

1. 优化 TypeScript 编译配置 #

从你提供的 tsconfig.json 和 tsconfig.app.json 来看，有几个可调整的点：

• 对齐目标版本与库版本：当前 target 设为 es5，但 lib 使用的是 es2018，Angular 13 对现代 JS 支持更完善，将 target 改为 es2015 或更高版本，能大幅减少转译工作量。
• 启用增量编译：在 tsconfig.json 的 compilerOptions 中添加 "incremental": true，利用 Angular 10+ 支持的增量编译特性，复用之前的编译缓存，避免全量重复编译。
• 精简类型依赖：检查 types 配置，只保留项目实际用到的类型定义，多余的类型会增加编译阶段的检查开销。

2. 调整 Azure DevOps 构建资源与缓存策略 #

• 升级构建 Agent 规格：Angular 13 编译对资源需求高于 Angular 9，若当前使用的 Agent 资源不足，可切换到更高规格的 Agent（如从标准规格升级到高级规格）。
• 配置依赖与编译缓存：在 Azure DevOps 中添加 Cache@2 任务，缓存 node_modules 和 .angular/cache 目录，避免每次构建重复安装依赖、重新编译基础代码。

3. 优化 Angular 构建命令 #

• 开启构建缓存：将生产构建命令改为 ng build --prod --cache，借助 Angular CLI 的构建缓存功能，跳过已编译过的文件。
• 拆分任务并行执行：若项目规模较大，可将 lint、测试、编译等任务拆分为并行执行，减少串行等待的总时长。
• 排查第三方依赖兼容性：升级后部分老第三方库可能与 Angular 13 适配不佳，拖慢编译速度。可临时移除非核心依赖，验证构建速度是否回升，定位问题库。

4. 从构建日志定位瓶颈环节 #

仔细分析构建日志的阶段耗时：

• 重点关注 ng build 过程中 TypeScript 编译、代码优化、打包等步骤的耗时，定位具体卡顿或超时的环节。
• 检查是否存在循环依赖、类型定义错误等问题，这类问题在 Angular 13 中可能导致编译时间大幅增加。

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