O'Reilly logo

Developing a React Edge: The JavaScript Library for User Interfaces by The League of Extraordinary Developers

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 16. Build Tools

Webpack 

Webpack is like browserify, it bundles up your javascript into a single package.

Webpack can also:

  • bundle css, images and other assets into the same package.
  • pre-process files before bundling (less, coffee, jsx, etc).
  • split your bundle into multiple files based on entry locations.
  • support feature flags for development.
  • perform “hot” module replacement.
  • support asynchronous loading.

As a result, webpack can do the job of browserify and other build tools like grunt or gulp.

Webpack is a module system, it support adding and replacing plugins. By default it comes with a commonjs parser plugin enabled.

This section isn’t going to go into detail every aspect of webpack. Just the basics and what you need to get webpack ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required