具有多个WebPack实例的WebPack供应商和拆分点

Question

我正在制作一个内部有多个应用的​​React-Redux实时应用。

在服务器中，每个应用都有自己的WebPack，编译每个应用的任何更改。

显然，每个应用程序都有共享的react和redux库。

我想要实现的目标是：

• 让一个WebPack实例创建将加载任何内部应用程序的公共主包。它将具有React和Redux库以及根据用户操作执行动态需求的一小段代码。在用户输入之前，此实例不会知道加载的应用程序名称。
• 每个应用程序都需要一个WebPack实例。该捆绑包将丢弃React和Redux库，仅包含所需数据。

我希望这样，因为它将成为一个动态环境，最终会添加更多应用程序，因此我不想每次都停止/启动主实例以添加更多入口点。

如何同步2个WebPack实例来实现此目的？

TL; DR：

我有这样的结构：
·主要 · app1
· app2

main会在某个时刻动态require app1或/和app2。

main在用户输入之前对app1和app2一无所知，因此我无法将其添加到main WebPack实例中。

main，app1和app2共享一些库，因此我希望将它们解析并添加到main捆绑包中，但不会添加到app1和app2捆绑。

Answer 1

找到了解决方案。

我必须使用bundle-loader。

将此添加到require内的动态main点我得到了异步加载的不同包。我可以使用一个唯一的WebPack实例，但这似乎没问题。