Each folder represents an application with a progressively more complex webpack configuration.
| Step | Description |
|---|---|
| 01 Basic configuration | Default settings, simple config |
| 02 Typescript project | Typescript loader and webpack config in typescript |
| 03 Live reloading | DevServer configuration and source maps |
| 04 React app | React project |
| 05 Styles | Use styles |
| 06 Chunks | Code-splitting |
| 07 Aliases | Using aliases in imports |
| 08 Assets | Webpack's asset bundling |
| 09 Variables | Build variables |
| 10 HMR | Hot Module Replacement for react |
| 11 Favicon + copy | Add favicon and use copy plugin |
| 12 Babel | Use Babel loader |
| 13 Typescript loaders | Alternative typescript loaders |
| 14 Source maps | Debug and stacktrace |
| 15 Decomposition | Splitting the configuration file |
| 16 JavaScript | No TypeScript files |