vitejs/vite
12 articles
Prerequisites
- ›Basic understanding of ES modules
- ›Node.js CLI basics
- ›Familiarity with package.json bin field
Entry Point and Boot Process
How Vite starts up: from CLI to dev server initialization
Vite 8 Internals: Architecture Overview and How to Navigate the Codebase
A high-level tour of Vite's monorepo structure, entry points, four source directories, the Environment API, and the Rolldown transition.
Vite 8 Architecture: A Map of the Codebase
A high-level orientation to the Vite 8 monorepo, its four runtime contexts, entry points, and the landmark Rolldown migration.
How Vite Resolves Configuration and Assembles the Plugin Pipeline
Deep-dive into Vite's configuration loading strategies, the resolveConfig() pipeline, environment options merging, and internal plugin ordering.
Configuration Resolution and the Multi-Environment System
Deep dive into Vite's resolveConfig pipeline, the environment class hierarchy, and the Proxy-based config merging pattern.
Inside Vite's Dev Server: Middleware Stack, Transform Pipeline, and Module Graph
How the dev server is created, the middleware stack from security to SPA fallback, transformRequest() internals, and the EnvironmentModuleGraph data structure.
The Dev Server: From HTTP Request to Transformed Module
Explores Vite's dev server creation, its 18-layer middleware stack, and the full transform pipeline lifecycle.
Hot Module Replacement and Dependency Pre-Bundling in Vite
Traces the complete HMR cycle from file change to module re-fetch, then covers Rolldown-powered dependency scanning, bundling, and runtime discovery.
The Plugin System: Hook Execution, Ordering, and Core Plugins
Examines Vite's Plugin interface, the dual-tier sorting system, the filter optimization, and key core plugins.
Production Builds, the Builder API, and Vite's Module Runner for SSR
How createBuilder() orchestrates multi-environment production builds, Rolldown integration, CSS processing, the Module Runner for SSR, and experimental bundled dev mode.
Hot Module Replacement and Dependency Pre-Bundling
Traces the complete HMR flow from file change to browser update, then explores Rolldown-based dependency scanning and the experimental full-bundle dev mode.
Production Builds, the ViteBuilder, and the Module Runner
Covers the production build pipeline, multi-environment build orchestration, and the ModuleRunner system for SSR execution.