Skip to content

gstcarv/webpack-split-chunks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

webpack split chunks with react

Trying to manage a react bundle in order to split bundle into small splitted js chunks

Bundle Analisys

🚫 Bare webpack bundle ✅ Splitted webpack bundle
bare bundle splitted bundle

Runtime behaviour

At the first load, webpack will load each splitted package bundles first.

splitted bundle

Webpack will lazy-load Component B when needed with their dependency chunks (moment and lodash).

splitted bundle

When Component A requested, webpack will load it, but will not load lodash again, because it was loaded before.

splitted bundle