2016-12-26 77 views
0

我正在制作一个内含多个应用程序的React-Redux实时应用程序。WebPack供应商和多个WebPack实例的分割点

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

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

我想实现的事情是:

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

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

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

TL; DR:

我有这样的结构:
·主要
· APP1
· APP 2

main会,在某些时候,requireapp1或/和app2动力ically。

main不知道任何有关app1app2直至用户输入,所以我不能在main的WebPack实例添加他们。

mainapp1app2份额一些库,所以我希望他们能够被解析并添加到main包而不是到app1app2束。

回答

0

找到解决方案。我需要使用bundle-loader

将此项添加到动态require点内main我得到加载异步的不同软件包。我可以使用一个独特的WebPack实例,但这似乎没有问题。