Bundler
Het gereedschap dat honderden JavaScript-modules samenperst tot de handvol bestanden die een browser wil ophalen.
De behoefte kwam voort uit een conflict: code schrijf je het best in veel kleine modules, maar HTTP/1.1 strafte elk extra verzoek af. Een bundler volgt de importketen vanaf een ingangspunt, bouwt een afhankelijkheidsgraaf en schrijft het resultaat weg — tegenwoordig met tree shaking om ongebruikte code weg te laten en code splitting zodat de landingspagina niet de hele applicatie binnenhaalt. Onderweg voert hij ook transformaties uit: TypeScript, JSX, CSS-modules.
De generaties zijn goed te onderscheiden. Browserify en Webpack losten het probleem als eerste op en werden berucht om configuratiebestanden van honderden regels. Daarna kwamen esbuild en SWC, geschreven in respectievelijk Go en Rust, 10–100 keer sneller, waardoor trage builds onaanvaardbaar werden. Vite draaide het model om door tijdens de ontwikkeling helemaal niet te bundelen — browsers ondersteunen ESM-imports van zichzelf — en alleen voor productie te bundelen.