如何在不硬刷新的情况下升级新的 React 应用程序版本？

Posted 2023-02-22

【中文标题】如何在不硬刷新的情况下升级新的 React 应用程序版本？

【英文标题】：How can I upgrade new react app version without hard refresh?

【发布时间】：2019-12-30 06:56:05

【问题描述】：

我升级了我的 react 应用程序，当我想发布它时，客户无法看到我的更改，直到他们进行硬刷新 (Ctrl+F5)。

如何在不需要客户硬刷新的情况下升级它？

【问题讨论】：

如果你使用 webpack，你可以散列你的包文件名：webpack.js.org/guides/caching

HMR 可能会带来一个有趣的解决方案。我从未见过有人在生产中这样做。 This SO answer也很好解释。

【参考方案1】：

如果不使用webpack或者systemjs，可以拉取文件url末尾的版本号

<script type="text/javascript" src="app.js?20190826"></script>