Getting Started with Webpack 5 in 2021

This tutorial walks you through everything you need to get started using Webpack in your projects. If you are doing React development it will also help you to understand the role that Webpack plays in that too.

The core concepts of Entry points, Output configuration, Loaders, Plugins, Development web servers, and hot reloading are all discussed in detail, PLUS some of the key improvements that Webpack 5 has over Webpack 4.

Code from video:

Webpack core concepts:

Webpack official Guides:

Webpack official Configuration settings and options:

[alexandershcheglov]

Just for ones who new here. There is "static" instead "contentBase" since last update I think. Thank you for the great explanation. You have a new subscriber now.

[katkodes]

Steve, I was on the verge of tears with webpack and you fixed it. I know this took time and effort to make so I thank you for it!

[keithhuels]

Probably the best single tutorial video I've seen. From your pacing, to barebones explanations of WHY each line is needed, to your calming voice. Superb. I came here after webpack's official docs and they should hire you lol.

[vonwieckvonwieck]

Hi Steve, special Thanks you save me alot of time. This was exactly what i am looking for. Very Good example for a beginner tutorial. With best regards from Germany

[pashabiceps]

The best tutorial for actually understanding

[kube-tech]

from the deepest of my heart "THANK YOU "

[elbekxatanboyev]

Best tutorial about webpack I have ever seen
Thanks bro

[aminam]

the way you teach is clean in deep enough to get started.

[cholo]

Thanks so much professor, i just discover you and i think you are the GOAT🐐

[munishthakur]

Loved this tutorial, very beautifully constructed, instead of installing evrything at once and overwhelming the students, concepts were introduced in an ordered fashion only when necessary. I truly understand Webpack now. Thanks !

[cgarafulic]

Thank you Steve for such amazing explanation. Great started point to learn how webback works. Then it's up to the project needs what loaders and plug-ins to include.

[scoutn]

I had no idea Alan Cross knew about Webpack. :) Thanks for the informative video!

[thewpwing]

Awesom explanation and walk with step by step. This is the best Webpack Getting Started. Thanks a lot.

[ikamy]

Thank you for not wasting my time, It's was super good

[sebastien]

This is the best tutorial I've watched on this topic. Thank you!

[gektorix]

The only lesson that helped me set up webpack. Thank you very much. Please, make another one video of current webPack!)

[meAnjani]

thank you so much Steve Griffith, it was very helpful and very easy to understand things that explained in this video.

[sagarkapr]

Dude you are awesome!!! Thanks for creating this. Looking forward to more content!

[creatingwithcode]

Excellent tutorial! I'm so glad that I found your channel.

[sujatkamal]

your service workers series was excellent lucidly explained.thanks