Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Webpack 5 Crash Course - Frontend Development Setup

Traversy Media via YouTube

Overview

This course teaches how to set up a Webpack development environment from scratch, covering topics such as Webpack setup, Webpack Dev Server, HTML Webpack Plugin, Sass Compiling, Babel Transpiling, Asset Resource Loaders, Analyzer Plugin, and Source Maps. The teaching method involves practical demonstrations and hands-on implementation. The course is intended for individuals interested in frontend development and looking to enhance their skills in Webpack configuration and optimization.

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.

Taught by

Traversy Media

Reviews

Start your review of Webpack 5 Crash Course - Frontend Development Setup

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.