You can upload webpack.stat.json from repo to Webpack Analyzer, or generate new one by runing:
npm run webpack
#Class hierarchy
Main (entry, common chunk)
/ \
ClassA ClassB
\ \
\ ClassC
\ /
ReusableComponent
Main require ClassA and ClassB using require.ensure().
ClassB require ClassC using require.ensure().
ClassA and ClassC require ReusableComponent using simple require().
Finaly webpack emits following chunks:
- 0.js - contains ClassA, ReusableComponent
- 1.js - contains ClassB
- 2.js - contains ClassC, ReusableComponent
- main.js - contains Main class
#Problem I try to configure CommonChunkPlugin to move ReusableClass to main chunk in order to remove code duplication.
new webpack.optimize.CommonsChunkPlugin({
name: 'main',
minChunks: 2,
children: true
})
And webpack does not do this.