webpack

webpack is an open source module bundler for JavaScript applications. It reads your files and their dependencies, then produces optimized output for browsers and other environments.

webpack builds a dependency graph from your entry points and bundles scripts, styles, images and other assets into output files. Its built-in support for HTML and CSS lets it process a page and the files it links to, with no extra loaders in simple setups. Loaders and plugins extend it for TypeScript, Sass, image optimization and many other tasks.

• Bundles JavaScript modules and their dependencies
• Built-in handling for HTML, CSS and assets
• Loaders and plugins for custom build steps
• Development and production modes
• Code splitting for on-demand loading

Teams with complex front-end builds who need fine control over how assets are processed. It is also a good fit for existing projects that already depend on its plugin ecosystem.

webpack is free and open source under the MIT license. Configuration can be detailed, so most projects start from a config file. Development mode keeps output readable for debugging, while production mode minifies the code and removes unused parts.