Angular的cache文件夹

从Angular13开始,默认启用磁盘缓存,加快构建速度达68%。缓存包括Babel转换、压缩的CSS和JS、模块转换等。然而,当修改依赖包后,需清除.cache以避免使用旧版本。否则,构建将从缓存恢复,导致新修改未生效。
摘要由CSDN通过智能技术生成

Angular compile cache_KenkoTech的博客-CSDN博客

1)现象:Angular13开始,默认情况下,Angular CLI 会在磁盘上保存一些可缓存的内容,放在.cache文件夹中即使在重新build也不会对该内容进行更新,除非删掉cache中内容才会在重新build后得到一个新的cache。

即,当重新运行同一个构建时,构建系统会恢复之前构建的状态并重新使用之前执行的操作,从而减少构建和测试应用程序和库所花费的时间。

2)好处: 这导致构建速度提高了 68%

3)缓存内容(哪些内容会放在.cache中使用该缓存策略):
缓存的内容有很多,包括但不限于(angular 团队人员回答):

Babel transformations
Results of the minified CSS and JS
Build dependencies and resolutions
Modules transformation result

4)实践:

出现的问题:在项目中,有时候会对dependency依赖的文件内容进行修改,在把修改好的内容在node-module中替换好后,期望能够直接在项目中应用到修改后的依赖。但是结果是,应用的仍然是修改前的依赖包。

原因:依赖被缓存在cache中了,重新build后,仍然加载的是cache中缓存的依赖,也就是修改前的依赖

解决办法:删除掉cache,重新build -》 得到修改后的依赖包

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值