Keep webpack Fast: A Field Guide for Better Build Performance

This post details techniques for optimizing webpack build performance, including measuring build times using Node.js inspector and custom plugins, parallelizing work with tools like parallel-webpack and happypack, reducing workload by simplifying minification (disabling compression except for React DevTools compatibility), sharing code with CommonsChunkPlugin, skipping parsing for non-importing files, using exclusions for loaders, employing the DLLPlugin for vendor libraries, and stabilizing module IDs with records. These techniques collectively reduced build times by a factor of 10.