webpack, the
  • production
  • unbiased
  • flexible
  • extensible
  • open source
module bundler.

 

Welcome to the webpack documentation!

Browse the contents in the left sidebar.

If you are new to webpack, you may want to start by reading this page or the Getting started section on the left.


Plugins

webpack has a rich plugin interface. Most of the features are internal plugins using this interface. This makes webpack very flexible.

Performance

webpack uses async I/O and has multiple caching levels. This makes webpack fast and incredible fast on incremental compilation.

Loaders

webpack allows to use loaders to preprocess files. This allows you to bundle any static resource not only javascript. You can easily write your own loaders running in node.js.

Support

webpack supports AMD and CommonJs module styles. It perform clever static analysis on the AST of your code. It even has a evaluation engine to evaluate simple expressions. This allows you to support most existing libraries.

Code Splitting

webpack allows to split your codebase into chunks. Chunks are loaded on demand. This reduces initial loading time.

Optimizations

webpack can do many optimizations to reduce the output size. It also cares about request caching by using hashes.

Development Tools

webpack supports SourceUrls and SourceMaps. Debugging will be nice. It can watch your files and comes with a development middleware and a development server for automatic reloading.

Multiple targets

webpacks main target is the web, but it also has support for generating bundles for WebWorkers and node.js.

Fork me on GitHub