Webpack is used to bundle your .js modules into a single file, and you can think of modules as files.

JavaScript does not natively support file includes like some other languages. So that is where Webpack comes in, it will bundle your files so that almost all browsers can read them.

It also helps us organise our JavaScript app into multiple files. Which we can then import and use them when needed.

Webpack is also much more than just module bundler, it could also be used as task runner, and some developers are using it exactly like that. Although in this video we are not going to go into detail about Webpacks capabilities, I will show you an example of how you can compile scss files with Webpack, so that you can get a taste of what Webpack can do.