Angular 8升级至15后编译速度极慢，求解决方案

1. 调整Angular CLI构建配置（angular.json） #

• 启用增量构建与文件系统缓存：在architect.build.options中添加以下配置，利用缓存减少重复编译工作量

  "incremental": true,
  "cache": {
    "enabled": true,
    "type": "filesystem"
  }
  

• 开发环境禁用不必要的优化：将architect.build.configurations.development中的以下选项设为false，减少编译过程中的额外处理

  "optimization": false,
  "buildOptimizer": false,
  "sourceMap": false
  

• 精简资源目录：检查assets配置，移除不需要打包的大文件或冗余目录，避免不必要的资源拷贝

2. 优化TypeScript编译配置（tsconfig.json） #

• 启用增量编译：在compilerOptions中添加

  "incremental": true,
  "tsBuildInfoFile": "./.tsbuildinfo"
  

• 跳过第三方库类型检查：开启skipLibCheck: true，避免编译时校验所有依赖的类型定义，大幅节省时间
• 调整严格模式：如果升级后默认开启了strict: true导致类型检查过慢，可暂时关闭部分严格选项（如strictNullChecks、strictFunctionTypes），或分环境配置不同的严格等级

3. 清理与升级项目依赖 #

• 移除未使用依赖：执行npm prune清理未在package.json中声明的依赖，同时用ng lint检测项目中未使用的组件、模块并删除，减少编译范围
• 升级兼容依赖：运行npm outdated查看过时依赖，将第三方UI库、工具库升级到支持Angular 15的最新版本，避免旧版本的兼容性问题导致编译卡顿
• 清理node_modules：删除node_modules和package-lock.json，重新执行npm install，修复可能存在的依赖冲突

4. 开发环境运行优化 #

• 启用热模块替换（HMR）：执行ng serve --hmr，修改文件时仅重载变化的模块，而非全量编译整个项目
• 使用最新Node.js LTS版本：确保Node.js版本符合Angular 15要求（14.20+/16.13+/18.10+），新版本Node.js的V8引擎性能提升可加速编译过程
• 限制编译日志：执行ng serve --quiet减少日志输出，避免IO操作占用资源

5. 排查异常编译环节 #

• 检查是否存在循环依赖：使用ng build --stats-json生成编译统计文件，分析是否有循环依赖或过大的模块导致编译阻塞
• 禁用不必要的Angular特性：如果项目未使用SSR、i18n等特性，可在angular.json中移除相关配置，减少编译环节

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