Webpack

Webpack is a module bundler that is a very popular tool to get websites deployment-ready. Let's learn about it in this lesson.

What is Webpack?

Webpack is a static module bundler for JavaScript applications. What does that mean in English? Well, Webpack takes your project files and concatenates them into one or more 'bundles. It’s smart about how it concatenates your files because it checks their internal dependencies before doing so, and hence doesn’t break anything in the process.

Here are a few concepts that you should be aware of when using Webpack.

webpack.config.js

Webpack has some default configurations that we will discuss in a bit. If you wish to change those, you can create a configuration file called webpack.config.js in the project’s root directory. We will show you how to configure Webpack through it.

📝 You don’t need a ...