Learn how webpack is a build tool that allows us to take all our assets and turn them into a production-ready bundle. In addition, discover how our files are considered modules and how we tell webpack to load those modules when we configure our project.
- [Instructor] Webpack is a build tool that allows us to take all of our assets and turn them into a production-ready bundle. All of our files are considered modules and we tell Webpack to load those modules when we configure our project. So why would we use something like Webpack? Well, the answer to that starts by looking back at how loading assets used to work in web projects. Consider this html file. We're adding tons of script tags here in the head, three of them and when we used to add the script tags like this, it could get pretty messy.
All of this can be configured and then automated so that these transforms don't have to occur manually. So Webpack may seem a little bit complex at first glance, but throughout these videos we'll cover some of the most useful features that will optimize and simplify your web projects.
- What is webpack?
- Running webpack from the command line
- Setting up loaders
- Loading CSS
- Compiling SCSS
- Using webpack plugins