Code splitting experiment using Webpack, React-router, and Flummox
The code splitting is being handle in the router definition which happen to be in this case core/Root.js
Separate child routes bundle.js module dependencies will load on demand when the match route is open for the first time. See definition example here:
eg. src/modules/message/index
npm install - install project dependencies
npm start - run webpack-dev-server on localhost:3000
npm run build - build bundles to /dist
Open network tab in web inspector, Go to localhost:3000, navigate through available links.
See React Router 1.0 Dynamic Routing and getComponents