caching - 如何防止 Angular 2 站点上的浏览器缓存？

Question

我们目前正在开发一个定期更新的新项目，我们的一位客户每天都在使用该项目。这个项目正在使用 angular 2 开发，我们面临着缓存问题，即我们的客户没有在他们的机器上看到最新的变化。

主要是 js 文件的 html/css 文件似乎得到了正确更新，没有造成太多麻烦。

Answer 1

angular-cli通过为 build 提供一个 --output-hashing 标志来解决这个问题命令(版本 6/7，对于更高版本，请参阅 here )。用法示例:

ng build --output-hashing=all

Bundling & Tree-Shaking提供了一些细节和上下文。运行 ng help build，记录标志:

--output-hashing=none|all|media|bundles (String)

Define the output filename cache-busting hashing mode.
aliases: -oh <value>, --outputHashing <value>

虽然这只适用于angular-cli的用户, 它运行出色，不需要任何代码更改或额外的工具。

更新

许多评论很有帮助并且正确指出这个答案向.js文件添加了一个散列但对index.html。因此，index.html 完全有可能在 ng build 缓存破坏 .js 文件后仍然被缓存。

在这一点上，我将推迟到 How do we control web page caching, across all browsers?