Webpack
Explore Webpack as a static module bundler that consolidates project files into optimized bundles by analyzing dependencies. Understand key concepts like entry points, output configuration, and the benefits of bundling such as reduced requests and easier deployment. Learn about Webpack's development server features including live and hot reloading, and recognize challenges related to its configuration complexity.
We'll cover the following...
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 ...