Webpack dedupe webpack bundle

Question

Werden Pakete, die bereits mit dem Webpack gebündelt wurden, mit deduples entpackt?

Zum Beispiel | Webpack bundle 1 | |------------------| | react@15.5 | | jquery@3.0 |

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

Will Webpack App Bundle enthalten 2 Kopien von react@15.5? Enthält das Webpack-App-Paket 2 Kopien von jquery?

Answer 1

Das liegt an der Konfiguration, die Sie dem Webpack geben. Wenn Sie zwei Einstiegspunkte haben, die nicht miteinander kommunizieren und beide jquery importieren und reagieren, ist die Antwort ja, Sie haben diese Bibliotheken in beiden Bundles. Sie können jedoch problemlos ein Lieferantenbündel mit der CommonsChunkPlugin erstellen. Hier ist ein Beispiel dafür, wie Anbieter Module in einem getrennten Klumpen zu setzen, die von beiden Einstiegspunkte verbraucht wird:

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

Auf diese Weise werden alle Module innerhalb node_modules wird in einem Bündel genannt Anbieter exportiert werden.