An example of how to code split a React application using Webpack 2/3 and React Router v3.
There is an easy to follow guide to help you fully understand the concepts.
git clone https://github.com/brotzky/code-splitting-react-webpack.git && cd code-splitting-react-webpack
yarn
yarn start
> visit localhost:3000
# or npm
npm install
npm start
> visit localhost:3000
The technology used for this example:
- React
- React Router v3
- Webpack 2 or 3
- Babel
The content you should focus on to get a better idea of what is going on.
code-splitting/
| package.json
|
└───src/
│ │
│ └───modules/
│ | Core.js
│ | ...
│ |
│ └───root/
│ | index.js
│ |
│ └───routes/
│ | index.js
│ │
│ │ index.html
│ │ index.js
│
│
└───webpack/
webpack-dev-server.js
webpack.config.js
The React Router docs have a simple guide for code splitting
Made by Dennis Brotzky. If you need help please file an issue or contact me through twitter!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent