What's New in Webpack 4
summary
Webpack 4 rewrites the chunk graph and plugin system to use lazy-compiled, monomorphic hooks and uglify-es parallelism and caching, yielding 97% faster plugin-heavy builds and turning a reported Angular build from 9 hours to 17 minutes. It adds JSON tree-shaking and the sideEffects: false hint (lodash import dropping from ~223KB to ~3KB), replaces CommonsChunkPlugin, introduces a built-in profiler and mode=production by default for zero-config sensible defaults.
AI-written summary · about
chapters (8)
- 0:00Introduction and speaker intro
- 1:29Why state of the art matters
- 8:46Smaller and faster builds
- 19:09JSON tree shaking and side effects
- 23:45Developer experience improvements
- 27:51Removing commons chunk plugin
- 29:16Profiling and module types
- 31:04Summary and call to action
related talks
45mDark Art of Webpack Bundle Tuning
21mTree Shaking — Deploy Even Less Code to Production
31mWe Started Using Webpack and It Took A While
48mBuild tools 101
50mWebApp performance tuning with Webpack
31m10KB or Bust" The Delicate Power of Webpack and Babel"
31mThe Future of Front-End Performance
34mI Tried 200 Webpack Plugins for Performance (So You Don't Have To)