 Hey, I'm Andrew Connell. This video is an overview of one of the chapters in my course, Mastering the SharePoint Framework that's available for purchase on my site, boytanos.io. This overview video is going to give you an idea of everything that the chapter covers. You can learn more by checking out the description and the notes below the video. If you've got any questions about this chapter or about the course in general, just make sure you drop a comment below the video and I'll be sure to get back to you. So with that, let me get out of the way. Enjoy the overview to this chapter. Welcome to the chapter on Customizing and Extending Webpack. Now, Webpack, as we covered at the beginning of this course, we did this in the part where we're setting up our environment and understanding the dev tools. Webpack is used by the SharePoint Framework team to create our bundles for us. That's going to take all of our JavaScript files that are generated from TypeScript and put them into one big file or multiple files depending on the configuration. We're going to see in this chapter how Webpack works in a lot more depth. So we're first going to look at how Webpack works at its core when we don't think too much about the SharePoint Framework and then we're going to jump into another lesson on how Webpack works when you integrate it into the SharePoint Framework. There's nothing really all that special about how the SharePoint Framework team has integrated Webpack into a SharePoint Framework project, except for how the configuration is done. So if you can understand how the configuration works, it'll make things a little bit easier and not feel as kind of magical when you're wanting to extend Webpack. These are lots of examples and samples that are out there on extending and customizing Webpack. And when you see the way that they describe it and then try and do it with the SharePoint Framework, maybe a little confusing, my goal is to kind of demystify that for you so that if you see something for a standard project out there, you would know by the end of this chapter how I could leverage those customizations they tell me to make inside of my project. So that'll be a goal of ours here. Now, what are we going to cover specifically in this chapter? I'm going to start with, again, like I said, how Webpack works. We're going to look at a lot more depth than what we looked at at the beginning of the course and then how it works in relation to the SharePoint Framework and how I can take this black box kind of feel that the configuration is set up with in the SharePoint Framework and make it more white box so I can see into it and see what's going on. Then we're going to dive into three different ways that we can control or extend or customize Webpack. The first one is going to be on how we can just, we can change the configuration of Webpack. So there's a configuration file or object that's passed into Webpack. I'm going to show you how to see what's there and how to change it because out of the box it's all done for us. Then I'm going to show you how to use a concept called a loader and instrument or control your build process with Webpack and then I'm also going to show you how to do it using plugins which is another way of extending and customizing Webpack. We'll look at those in a lot more depth when we get to those lessons. Now one thing just to keep in mind, this chapter, unlike some of the other chapters in this course or most of them, where I've created a lesson that's more of a lecture and then I follow it up with a demo or series of demos, I'm going to have some demos inside of the lectures themselves. So if you start a lesson and you start seeing it going on with slides or me talking, know that there's probably a demo in there with it. And the reason for that is because it's a lot easier to explain how Webpack works by example instead of just using slides. I don't have a whole lot of slides for this chapter. I know developers would be upset about that, right? Now we'll spend more time doing demo and by example here. So let's go ahead and get started and let's first take a look at what Webpack is all about and how it works.