Webpack重复数据删除webpack捆绑包

Question

webpack会不会对已经和webpack捆绑在一起的套餐进行去重呢？

例如，| Webpack bundle 1 | |------------------| | react@15.5 | | jquery@3.0 |

| Webpack app bundle | |--------------------| | react@15.5 | | jquery@3.1 | | Webpack bundle 1 |

Webpack app捆绑包会包含2份react@15.5吗？Webpack app捆绑包会包含2份jquery吗？

Answer 1

这都要归功于你给webpack的配置。如果您有两个不相互通信的入口点，并且都导入了jquery和react，那么答案是肯定的，那么您将在两个包中都有这些库。不过，您可以使用CommonsChunkPlugin轻松地创建一个供应商捆绑包。下面是一个示例，说明如何将供应商模块放入将由两个入口点使用的单独块中：

new webpack.optimize.CommonsChunkPlugin({
    name: "vendor",
    minChunks: function (module) {
    return module.context && module.context.indexOf("node_modules") !== -1;
  }
})

这样，node_modules中的所有模块都将被导出到一个名为vendor的捆绑包中。