Webpack 代码拆分两次添加模块

【问题标题】：Webpack code splitting adds module twiceWebpack 代码拆分两次添加模块
【发布时间】：2018-02-09 07:45:12
【问题描述】：

我使用 webpacks 动态代码拆分，到目前为止效果很好。但是我有一个模块 (mC) 具有很大的依赖关系，需要其他两个模块 (mA & mB)。通过代码拆分，创建了两个具有相同内容largeLib 的包。并且对于捆绑包中的每个模块都已加载。我希望mA 和mB 都只创建和使用一个模块

 mA    mB
   \  / 
    \/ 
    mC
    |
  largeLib

【问题讨论】：

标签： webpack code-splitting

【解决方案1】：

向导入添加特定名称可以解决我的问题：

 import(/* webpackChunkName: "handsOnTable" */ 'react-handsontable'),

【讨论】：

这确实是一种快速而肮脏的方式。不过，这只解决了单个大组件的重复问题。如果你想为所有组件解决它，你必须查看 CommonsChunkPlugin。但要正确配置要困难得多。
在 webpack4 中 CommonsChunkPlugin 也会被移除
是的，我将在第 2 天更新它发布的原因：D