{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreicsa3r62w43scmweubuudl5s6yzwzupkhtzyfj7nvwmvbib2zabg4",
    "uri": "at://did:plc:5sgu76a53rz3n6unbykmovqy/app.bsky.feed.post/3mlpojfzy6wq2"
  },
  "description": "Vite is a front-end build tool created by Evan You (the creator of Vue), designed to give developers near-instant dev server starts and hot module replacement. It uses native ES modules and esbuild during development for speed, then bundles for production with Rollup (or Rolldown, the Rust-based successor).\n\n\nHow it works\n\n * Dev server. Serves source files as native ES modules with on-demand transformation; browsers fetch each module individually.\n * Hot Module Replacement (HMR). Module-level u",
  "path": "/engineering-glossary/vite-frontend-build-tool/",
  "publishedAt": "2026-05-18T00:00:00.000Z",
  "site": "https://sahilkapoor.com",
  "tags": [
    "Webpack",
    "React",
    "Vue",
    "Svelte",
    "TypeScript"
  ],
  "textContent": "**Vite** is a front-end build tool created by Evan You (the creator of Vue), designed to give developers near-instant dev server starts and hot module replacement. It uses native ES modules and esbuild during development for speed, then bundles for production with Rollup (or Rolldown, the Rust-based successor).\n\n## How it works\n\n  * **Dev server.** Serves source files as native ES modules with on-demand transformation; browsers fetch each module individually.\n  * **Hot Module Replacement (HMR).** Module-level updates without page reload; usually under 100 ms.\n  * **Production build.** Bundled, tree-shaken, code-split via Rollup; outputs optimised static assets.\n  * **Plugins.** A rich plugin API compatible with Rollup plugins.\n\n\n\n## Why teams adopted it\n\n  * Dev server starts in milliseconds even on large projects, where Webpack would take 30 to 60 seconds.\n  * HMR is reliably fast.\n  * Out-of-the-box support for TypeScript, JSX, CSS modules, PostCSS, JSON, WASM, web workers.\n  * Default build tool for Vue 3, SvelteKit, Astro, and used by many React projects.\n\n\n\n## Rolldown\n\nThe Vite team is replacing the production Rollup bundler with Rolldown, a Rust port of Rollup's API. Goal: substantially faster production builds with the same plugin ecosystem.\n\n🔗\n\n**Related Terms**\nWebpack, React, Vue, Svelte, TypeScript.",
  "title": "Vite",
  "updatedAt": "2026-05-13T19:13:57.389Z"
}