Angular 14执行ng serve时生成浏览器应用包（setup阶段）速度极慢求助

• 清理缓存

  • 执行ng cache clean清理Angular CLI缓存
  • 删除项目根目录下的node_modules文件夹、package-lock.json文件，重新运行npm install
  • 尝试用浏览器无痕模式访问，避免缓存干扰

• 优化开发环境构建配置
  打开angular.json，检查architect.build.configurations.development节点：

  • 确保optimization设为false（开发环境无需代码优化）
  • 确保buildOptimizer设为false
  • 开启vendorChunk: true，将第三方依赖单独打包，减少主包体积
  • 可添加"incremental": true到architect.build.options，启用增量构建，加快后续打包速度

• 排查依赖兼容性

  • 检查项目中第三方库（如UI组件、工具库）是否支持Angular 14，替换或升级不兼容的依赖
  • 运行npm ls查看依赖树，确保所有@angular/*相关包版本统一为14.0.6，避免版本冲突
  • 卸载不再使用的依赖，减少打包时的资源处理量

• 调整Node.js内存分配
  Windows环境下，先执行以下命令增加Node.js可用内存，再启动服务：

  set NODE_OPTIONS=--max_old_space_size=8192
  ng serve
  

• 检查自定义webpack配置（如有）

  • 若项目使用了自定义webpack配置，确认适配webpack 5（Angular 14基于webpack 5），移除过时的插件或规则
  • 禁用不必要的webpack插件，比如旧的代码压缩、分析类插件

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