javascript - 如何处理在服务器上更新的 webpack chunk？

Question

我们有一个 React 应用程序，它使用 React.lazy 和 Suspend 进行代码拆分。每个星期二我们都会部署一个新版本，因此我们的 block 也会发生变化。

我们现在遇到的问题是，如果我们的用户在部署后没有刷新，他们的旧 main.js 仍然指向具有旧散列的旧 block 文件。当他们尝试加载旧的 block 文件时，它会崩溃。

我们知道我们可以在加载应用程序时预取路由，但是有很多路由需要预取(大约 20 个)。这可能会影响我们的主页性能，因为我们在主页上有一些 API 调用。

有没有更好的方法来处理这个问题？

非常感谢。

Answer 1

是什么阻止您在服务器上保留多个版本？假设 v1.commons.js 当前已部署。现在当你构建一个新版本时，v2.commons.js 被创建，并且这两个文件都由服务器提供。旧客户端仍将使用旧版本，但根据您的缓存设置(页面过期时间)，它们将很快迁移到新版本。然后您可以从您的服务器中删除旧版本。