Angular 中的缓存清除

Question

使用 Angular 14 和 Cloudflare 进行缓存。我开始注意到，在生产中每次部署后，页面都会变黑，直到缓存期结束。

访问构建的脚本js文件时，它给出404页面，但在URL中附加查询后，它工作正常

# not working
https://app.scanova.io/runtime.4bc2f68e0b409d29.js

# Working
https://app.scanova.io/runtime.4bc2f68e0b409d29.js?v9.0.1

我尝试在更改文件后检查生成构建，但生成的文件名始终相同

还尝试将

--output-hashing all

传递给构建命令，但文件名仍然相同。

实现 Cache Businting 的一种方法是每次都附加查询参数来构建，但是有什么角度的方法可以做到这一点吗？

Answer 1

在构建之前更改

package.json

中的“版本”。 这将导致runtime.js 文件获得一个新名称。