Understanding webpack
I am a web developer from delhi, India and I love to create things that live on the internet. I am quite adept in coding and markup languages and in creating applications using the client-server model including
ReactJs NodeJs HTML CSS/SCSS JavaScript Typescript MongoDB NextJs
I can also build business and personal portfolio websites using CMS software like WordPress, webflow, shopify and Wix
Besides this, I am an Engineering Undergrad who loves to read and listen to rap music.
So if you are into web development, I bet you would
ave heard of webpack before. Today I am going to demystify webpack for you in 5 minutes
Okay so let us start with the most important part
What is webpack?
webpack is a module bundler for javascript applications.
webpack goes through your packages and creates a dependency graph that consists of all the modules that your web application use.
Then, depending on this graph, it creates a new package that consists of the minimum number of files required, and sometimes it creates a single bundle.js file, which can be easily plugged into your HTML file.
Okay now we have our basics clear, let's move forward
why was webpack really needed?
Before Webpack:
- Adding multiple js files in HTML was done by loading each file separately with a
