Webpack重復數據刪除Webpack捆綁包

Question

webpack是否會對已經與webpack捆綁在一起的軟件包進行重復數據刪除？

例如， | Webpack bundle 1 | |------------------| | react@15.5 | | jquery@3.0 | | 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應用程序捆綁包將包括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的捆綁軟件中。