Webpack 5 Fundamentals

Learn the latest version of Webpack along with other modern tools like Babel, Jest, ESLint, & Prettier.
Rating: 4.6 out of 5 (171 ratings)
5,124 students
English
English [Auto]
How to setup & configure Webpack 5 from scratch. You will also learn how to configure modern front-end tools together to create a complete Webpack starter kit for your projects.

Requirements

  • A basic understanding of JavaScript

Description

In this course, you will learn how to set up and configure Webpack 5 from scratch. We start with an empty directory and built up a complete Webpack starter kit, line by line. By the end of the course, we will have built a modern front-end starter kit with tools like Jest for unit testing, ESLint for linting, Prettier for formatting, and a whole bunch more.

Along the way, we will learn all about Webpack configurations for different environments like development & production, loaders, plugins, etc. Throughout the course, I teach you how to read and navigate Webpack's documentation so you not only understand the concepts but also understand where to go to learn more. Each project has its own specific needs, and by teaching you how to read the docs, you will now be able to configure Webpack to fit your specific project needs.

One of the benefits of taking this course is the direct access you get to me as your instructor. If you are stuck at any point and need some help, feel free to reach out in the forums or send me a message and I will get back to you asap.

See you inside.

Who this course is for:

  • Web developers of all levels

Course content

2 sections13 lectures1h 24m total length
  • Intro & Webpack Concepts
    04:57
  • Installation & Setup
    08:41
  • Webpack Dev Server & Hot Module Reloading (HMR)
    05:09
  • Babel
    06:32
  • CSS & SCSS Loaders
    04:31
  • PostCSS & Mini CSS Extract Plugin
    12:22
  • Development & Production Webpack Configs
    07:13
  • Common Config - DRY
    06:19
  • Code Splitting
    08:53
  • Recap
    03:46

Instructor

Senior Software Engineer
Robert Guss
  • 4.6 Instructor Rating
  • 1,364 Reviews
  • 40,381 Students
  • 2 Courses

Hey! I'm Robert Guss, a senior software engineer, and educator. I am a self-taught developer with over 6 years of experience in web development and over 17 years of experience working in IT.

I currently work full-time as a senior software engineer at InsureMyTrip

I'm a certified WordPress consultant and a 2018 Google Developer Challenge Scholarship recipient.

I also teach full-stack web development at HowToCode