~/talk

The Inner Workings of Vite Build

Talkat DevOps.js Conf 2022 · 2022-03-24..03-25· [javascript, frontend-architecture]
slides:none on file

Vite claims a production build that is fast and predictable by wiring an opinionated Rollup setup to a chain of internal plugins, using esbuild for fast TS/JSX transpile and minifier, and emitting hashed assets with code splitting and a generated manifest.json. Expect automatic asset inlining below a size threshold, dynamic-import instrumentation that generates async JS and CSS chunks plus vendor chunk preloading, and a preview command that serves the actual optimized dist output.

AI-written summary · about

  1. 0:00Start
  2. 0:55Why Vit
  3. 6:19Build Process
  4. 7:42Code Splitting
  5. 8:18Plugins Pipelines
  6. 10:04Alias Plugin
  7. 14:00Dynamic Imports
  8. 15:42Vit Manifest
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.