如何管理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束。