A JavaScript library for building user interfaces
Webpack is a popular module
bundling system
built on top ofNode.js
. It can handle not onlycombination
andminification
of JavaScript and CSS files, but also other assets such as image files (spriting) through the use ofplugins
.
With Webpack, you give a single path. The path to your entry point. This is typically index.js or main.js. Webpack will now investigate your application. It will figure out how everything is connected through require, import, etc. statements, url values in your CSS, href values in image tags, etc. It creates a complete dependency graph of all the assets your application needs to run. All of this just pointing to one single file.