如何管理webpack中多個條目的外部庫依賴關係？

Question

在我們的項目中，我們有多個的WebPack條目。它們具有第三方庫的依賴關係（例如，angularJS，fileAPI等）。我們想實現什麼：

• 外部依賴性將不能與我們自己的項目捆綁在一起。
• 外部的依賴關係將單獨引用。我們不希望將它們作爲單個包進行引用。因此，它們可以並行加載。
• 這些引用可以自動完成。我們希望用我們自己的條目require讓的WebPack自動加載它們爲我們。

Answer 1

你可以實現你的前兩個要點。

1. 是，外部依賴性/庫可能是不同的切入點 像

   ... 
   vendor: ["jquery", "underscore", ...], 
   ... 
   

   和CommonsChunkPlugin插件添加到您的插件列表。

   new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.bundle.js") 
   

2. 好吧，如果你不希望捆綁他們，並希望引用作爲 單獨的文件，可以使不同的切入點每個 庫/依存關係，也可以使用腳本標記加載他們分開。

   ... 
   dep1: 'dep1', 
   dep2: 'dep2', 
   ... 
   

3. 不，你不能做到這一點的，直到除非你使用code-splitting功能無論 require -d用自己的切入點和他們的參考文件的WebPack束。