Webpack Handbook

This is the manual for Webpack, the most important tool for modern frontend development.

Webpack is originally a Javascript file wrapper, although from that idea it has become a utility to perform all kinds of tasks in frontend development. From the creation of Javascript bundles, with compacted, minimized and stacked code, to CSS preprocessing or image optimization.

It is a fundamental tool to bring the code of frontend applications to production, optimizing the files and generating the appropriate code versions for each browser. But it also makes our work much easier in the development stage, by avoiding repetitive tasks and making it easier to debug the transpiled Javascript code or the CSS generated with a preprocessor.

Webpack started as a project of the React ecosystem, but due to its usefulness it has become a tool used globally in any type of frontend development. The most representative Javascript frameworks use it internally to facilitate the development flow.

In this manual we will publish the articles that teach you how to use Webpack in projects of all kinds and how to get the most out of it through its loaders and plugins.