Webpack in 1 minute

If you're a web developer, then it's likely that you've heard the term - Webpack. What is Webpack and how does it fit into modern web development?

That's what you'll learn in a few minutes! Keep reading!

In general, Webpack is a module bundler for JavaScript applications.

Still unclear? I'll break it down for you!

Web applications usually have many files, such as images, assets, dependencies, HTML files, style sheets, etc.

Whenever we want the web app to be loaded on a browser, the browser first must download all these files. As a result, the browser may have difficulty maintaining the order of script tags to avoid breaking dependent code, etc.

Thanks to the ES6 release, now we have Webpack which simply takes all of these related files and bundles them into one, reducing the number of files and making the downloading task simple & less error prone.

That's all!

Connect with me

Feel free to connect with me on Twitter, LinkedIn & GitHub for more awesome content like this.

Post a comment/discussion here for any feedback or queries & promise I will try my best to help you :D

Support

Thank you so much for reading! I hope you learnt something new today. Please leave a like, a lovely comment or feedback & also consider following me as I regularly post useful & informative articles to help you become a better programmer.

If you like my work please consider Buying me a Coffee so that I can bring more projects, more articles for you.