Webpack

Static module bundler for modern JavaScript applications. Builds a dependency graph from one or more entry points and combines every module into one or more static bundles. Supports zero-config builds since version 4 while remaining highly configurable for complex setups.

Widely adopted across the JavaScript ecosystem and historically the default choice for React, Vue, and Angular tooling. Webpack stands out through its mature loader and plugin ecosystem, fine-grained control over the build pipeline, and code splitting for loading parts of the application on demand. Competes with Vite, esbuild, and Rollup for different trade-offs between configurability and speed.

Key features:

• Loader system for transforming CSS, images, JSON, TypeScript, and other assets into consumable modules
• Plugin architecture for bundle optimization, asset management, and environment variable injection
• Code splitting and dynamic imports for on-demand loading and smaller initial bundles
• Dependency graph resolution with support for CommonJS, AMD, and ES modules
• Built-in development and production modes with corresponding optimizations

Typical use cases: bundling single-page applications for production, managing large codebases with many modules, and migrating legacy apps to modern module syntax. Developers integrate webpack via npm, configure entry points and output, and extend behavior through loaders and plugins. Works with Node.js 10.13+ and targets ES5-compliant browsers.