Webpack for Newbs

It's very common now adays to use a build process when building out your application. And a build process is simply a computer process that performs tasks like minifying your CSS, concatenating your files into a single file, or even moving files from one folder to another.

A few of the more popular task runners and build processors are GulpJS or GruntJS. These tools have gained a lot of popularity over the years. And now there is a new contendor making it's way to the top which is Webpack.

So What is webpack?

Webpack is simply a "Module Bundler" that will help you optimize files for your web application. Some of the popular tasks include bundling all of your javascript files into one single js file, or bundling all of your CSS files into a single css file.

Making sure that your application has one main javascript or css file will optimize your workflow, help with page load speed, and it will make managing your assets much easier.

In this video we have 5 quick steps we will follow to help you gain a better understanding of webpack and how it works.

1. Install Webpack
2. Create Your First Bundler
3. Create a Webpack Config
4. Include 3rd-party Libraries
5. Webpack Loaders & Loading CSS