如何在webpack中管理多个条目的外部库依赖项？

Question

在我们的项目中，我们有多个webpack条目。它们具有第三方库的依赖性（例如angularJS，fileAPI等）。我们希望实现的目标是：

• 外部依赖项不会与我们自己的条目捆绑在一起。
• 外部依赖项将单独引用。我们不想将它们作为单个捆绑包引用。因此，它们可以并行加载。
• 这些参考文献可以自动完成。我们希望在我们自己的条目中使用require，让webpack自动为我们加载它们。

Answer 1

您可以获得前两个要点。

1. 是的，外部依赖项/库可能是不同的入口点

   之类的东西

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

   并将CommonsChunkPlugin插件添加到您的插件列表中。

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

2. 好的，如果你不想捆绑它们，并希望作为参考 单独的文件，你可以为每个文件单独的入口点 libs / dependencies或者您可以使用脚本标记单独加载它们。

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

3. 不，你无法实现这一点，因为webpack捆绑了任何东西 require - d使用您自己的入口点及其参考文件，除非您使用code-splitting功能。