升级Angular至13后出现大量缓存文件，该如何处理？

核心结论 #

这些.angular/cache下的缓存文件完全可以安全删除，不会影响应用的正常运行。Angular CLI的缓存机制是为了加快后续构建速度，缓存的是webpack编译过程中的中间产物，删除后下次构建会重新生成适配当前环境的新缓存。

具体处理方式 #

1. 手动删除 #

直接定位到.angular/cache/13.3.10目录，手动删除该文件夹即可。如果想一次性清理所有Angular缓存，也可以直接删除整个.angular/cache目录。

2. 使用CLI命令清理 #

Angular CLI提供了专门的缓存清理命令，在项目根目录执行以下命令即可自动清除所有CLI生成的缓存文件：

ng cache clean

额外说明 #

• 缓存目录的版本号（13.3.10）和你当前Angular版本（13.3.12）不一致是正常现象，缓存机制基于CLI核心版本，小版本升级后旧缓存不会自动清理，因此会残留下来。
• 若需禁用自动缓存生成，可在angular.json中修改配置：找到projects -> 你的项目名 -> architect -> build -> options，添加如下配置：

  "cache": false
  

  但不建议常规场景下禁用缓存，它能显著提升后续构建的速度，仅在有特殊需求时调整。

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