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 应用程序包会包含 2 个 react@15.5 副本吗？ Webpack app bundle 会包含 2 个 jquery 副本吗？

Answer 1

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

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

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