Skip to content

Latest commit

 

History

History
40 lines (37 loc) · 1.07 KB

README.md

File metadata and controls

40 lines (37 loc) · 1.07 KB

Run

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.