项目根目录下的.angular目录是什么？是否需要纳入版本控制？

目录核心作用 #

.angular是Angular 13及以上版本CLI新增的持久化缓存根目录，所有内容由Angular工具链自动生成，用于存储构建相关的缓存数据，提升开发、构建速度：

• .angular/cache/angular-webpack：存储Angular专属webpack编译流程的缓存，包含组件模板、样式的编译产物缓存
• .angular/cache/babel-webpack：存储JavaScript/TypeScript代码经过babel转译的缓存结果

启用该缓存后，大型项目的二次构建速度可提升50%以上，热更新效率也会有明显优化。

是否需要主动关注 #

日常开发无需关注该目录的内部内容，CLI会自动管理缓存的生成、更新、过期淘汰。只有当你遇到构建异常、热更新不生效等疑似缓存污染问题时，可以手动删除整个.angular目录清空缓存，下次执行ng serve/ng build等命令时会自动重新生成该目录。

是否需要纳入版本控制 #

不需要，且严禁纳入版本控制。该目录为本地环境生成的临时缓存，不同开发者、不同设备上的缓存内容完全独立，提交到代码仓库只会无意义占用仓库体积，还可能引发其他开发者的构建异常。

你只需在项目根目录的.gitignore文件中添加一行 .angular/，即可全局忽略该目录，新版Angular CLI初始化的项目已经默认内置了这条忽略规则。

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