webpack - 如何使用 webpack 在 block 之间共享单例实例？

Question

我在使用 Webpack 4 时遇到问题，尝试使用异步块预加载一些数据，然后在加载数据时，将使用 webpack 计算的另一个块附加到 dom。

两个块使用同一个实例，一个单例，在加载数据时一次作为容器，另一次读取那些加载的数据。

我希望它尽可能清楚。它与 Webpack 3 一起工作，可能是我们超过 6 个月的一些运气，但是我们今天迁移到了 webpack 4，并且症状非常明显:

在第一个块中，在加载数据时，会创建并填充实例。在这种情况下尝试使用数据时，似乎没问题。

在第二个块中，之后加载，实例不存在，或者没有填充。

Answer 1

我遇到了同样的问题并通过添加来修复它:

optimization: {
  runtimeChunk: {
    name: 'commons' // <-- THIS
  },
  ...
}

到 webpack 配置。

github issue