2016-12-26 53 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實例,但這似乎沒有問題。