Webpack 5 Crash Course - Frontend Development Setup

This course demonstrates how to create a reusable Webpack 5 front-end environment from scratch. It covers modules, loaders, plugins, Sass compilation, Babel transpilation, asset handling, development serving, source maps, caching, and bundle analysis while building a small joke app.

Syllabus

- Intro.
- Initial Files (src/dist).
- Creating Modules.
- Webpack Install & Building.
- Using NPM Modules.
- Webpack Config File.
- Loaders & Sass Compiling.
- HTML Webpack Plugin.
- HTML Template.
- Caching & Hash Setup.
- Webpack Dev Server.
- Cleaning Up Hash Files.
- Source Maps.
- Babel Loader.
- Asset Resource Loader.
- Finish The Joke App.
- Webpack Bundle Analyzer.