tezvyn:

Vite's Dependency Pre-Bundling

Source: vite.devadvanced

Vite's dev server pre-bundles dependencies to accelerate local development. It converts CommonJS modules to browser-native ESM and merges packages with many files into one, preventing massive HTTP request chains.

Vite's dev server pre-bundles dependencies to accelerate local development by serving fewer, browser-native files. This converts dependencies shipped as CommonJS or UMD into native ESM the browser understands. It also combines packages with hundreds of internal modules, like lodash-es, into a single file, preventing massive network request waterfalls that slow down page loads. The footgun: imports not directly discoverable in your source code can cause a disruptive re-bundle right after the server starts.

Read the original → vite.dev

Get five bites like this every day.

Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.

Vite's Dependency Pre-Bundling · Tezvyn