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

Question

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

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

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

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

提前谢谢了。

Answer 1

我们决定在后台预加载每条路由，这样我们的客户就不需要在稍后的时间点延迟加载其他块。