当 Webpack 块过时时自动重新加载页面

Question

我有一个与 Webpack 捆绑在一起的应用程序。

有一个主要的包文件，其余的代码被分成每个屏幕的块。主包和块都是使用哈希作为文件名的一部分生成的。

...
filename: '[name]-[hash].js',
chunkFilename: '[id].[name]-[hash].js'
...

在将新更改部署到生产中后，包和块文件被替换（因此，旧的被删除）。

如果用户打开应用程序并尝试导航到应该加载过时块的页面，则应用程序的一部分会崩溃。

问题：有没有办法检测加载块失败并自动重新加载屏幕或显示适当的消息？

什么样的策略是可取的？

谢谢。

Answer 1

我将使用运行时块，以便每个条目块不嵌入运行时。这应该意味着能够在生产中“即插即用”块。