// the find
Colt/webpack-demo-app
Accompanies my 10-part Youtube Webpack course. Each commit comes with detailed notes.
A companion repo for a 10-part YouTube Webpack course. Each commit represents a step in the tutorial, building up a webpack config from scratch through dev/prod splits, loaders, and plugins. It's for beginners learning webpack configuration, not for production use.
The dev/prod config split using webpack-merge is the right pattern and teaches it early. Breaking config into webpack.common.js, webpack.dev.js, and webpack.prod.js gives learners a realistic project structure rather than a toy example. The commit-per-lesson approach means you can check out any point in the course and have working code. 903 forks suggests a lot of people have actually used it as a hands-on base.
Webpack 5 is current; this repo almost certainly targets an older version and the API differences (especially around asset modules replacing file-loader/url-loader) will confuse anyone who tries to apply what they learn today. Last push was 2023, so there's been no maintenance to keep pace with the ecosystem. There's no tests whatsoever, which makes sense for a demo but means learners don't pick up the habit of configuring jest or similar alongside webpack. The vendor.js manual split is a pattern that largely died with HTTP/2 and module federation — teaching it as-is plants outdated mental models.