react-dynamic-route-loading-es6 icon indicating copy to clipboard operation
react-dynamic-route-loading-es6 copied to clipboard

Auto chunking and dynamic loading of routes with React Router and Webpack 2

React Router Dynamic Route Loading w/ Webpack 2 Chunks

Webpack 2 automatically splits routes in chunks (small bundles) and loads them on demand.

See the demo

Contains

Features

  • [x] Tree shaking
  • [x] Code Splitting
  • [x] Hot Module Replacement
  • [x] ES6 Source debugging in Chrome with sourcemaps
  • [x] React Router
  • [x] Yarn-friendly

##System Requirements Before installing the dependencies, make sure your system has the correct Node and Npm versions, otherwise you will get errors.

  • Node 6.x.x
  • Npm 3.x.x

Setup

$ npm install

Running

$ npm start

Build

$ npm run build