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

Question

我正在制作一个包含多个应用程序的 React-Redux 实时应用程序。

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

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

我想要实现的是：

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

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

如何同步 2 个 WebPack 实例来实现这一点？

TL;DR：

我有这样的结构：
· main
· app1
· app2

main 将在某些时候动态地require app1 或/和app2。

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

main、app1 和 app2 共享一些库，所以我希望将它们解析并添加到 main 包中，而不是添加到 app1 和 app2 包中。

Answer 1

找到了解决办法。

我必须使用bundle-loader。

将此添加到main 内的动态require 点，我会得到不同的异步加载包。我应该使用一个独特的 WebPack 实例，但这似乎没有问题。