Webpack in the Wild
summary
Description of how Avito's frontend team adapted and extended webpack to work within a large, multi-team codebase: integrating webpack with PHP and Twig, writing Twig extensions, bundling legacy code, managing the huge node_modules set, implementing dynamic entry points, and customizing webpack internals and behavior to meet project needs. Also covers how webpack is structured internally.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 1:05Webpack 4 migration goals
- 10:16Old build scheme problems
- 16:03Migration without legacy
- 23:13Entry points from Twig
- 34:01Webpack and Twig via manifest
- 41:50Legacy compatibility
- 47:57Local dev build optimization
- 51:03Progress bar in browser
- 55:26Progress calculation improvements
- 1:00:20Per-page static build
- 1:04:41Twig template changes handling
- 1:06:06Legacy code handling
- 1:09:21Caching and hash issues
- 1:11:08Key takeaways
related talks
24mMaking small modules actually work with webpack and npm
28mThe Dark Art of Bundlers
21mYarn in Depth: Why & How
44mNode.js VM: Developing an External Plugin System Within Your Web App
30mMassive.js
58mWriting VS Code extensions for fun and profit
24mRunning plugins within a web app
35mThe Art of Building Node.js Projects at Scale