Streamline your code with webpack
summary
Explains how webpack turns imports into a dependency graph, demonstrates a small “Beyonce” app that produces a 684-line stats.json for four modules, shows tree shaking removes unused exports, splitChunks pulls duplicated code into a shared bundle, and uses dynamic imports to create on-demand bundles. Describes using multiple config files to emit modern and IE11 bundles, recounts a painful migration from webpack 3 to 4 and a plugin downgrade workaround.
AI-written summary · about
chapters (14)
- 0:00Start
- 6:02Say we wanted to build an application
- 6:40Dependency graph
- 9:45Supports multiple configurations
- 10:57Tree shaking
- 12:28Code splitting
- 15:11Dynamic imports
- 17:47High barrier to entry
- 18:14Breaking version updates
- 19:06Finding issues
- 19:33Weird work-arounds
- 20:15Do the benefits outweigh the negatives?
- 20:38Webpack Book
- 21:45Alternatives
