Build tools 101
summary
Compares Webpack, Parcel and Rollup by building a React web app and a reusable library, showing actual configs, commands and outputs: Webpack needs about an hour to assemble and produces a dev vendor bundle of 7 MB, Parcel boots a zero-config dev server with cold starts around ~10 seconds, and Rollup emits byte- to kilobyte-sized ESM/UMD outputs that enable effective tree-shaking. Demos include dev server live reload, multi-target library builds (CJS/ESM/UMD) and size numbers that prove when to pick each tool.
AI-written summary · about
chapters (12)
- 0:00Start
- 8:02Jquery
- 13:41Package Management
- 17:30Web Pack
- 20:26Transpilers
- 20:42Typescript
- 21:44Babel
- 23:04Presets
- 23:44Examples
- 25:45Demo
- 29:01Parse a Config
- 37:57Metrics on the Build
related talks
30mWebpack – The React Parts
45mBundler Bonanza
28mWebpack for a better development workflow
36mYou build React apps: do you even know how?
22mOwning your Build-step – Owning your Code
30mExcuse Me, I Have to Assemble the Frontend
52m10KB or Bust: The Delicate Power of Webpack and Babel
19mMaking front end modules actually work