# vitejs/vite

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/vitejs-vite).**

81,611 stars · 8,330 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/vitejs/vite
- Homepage: http://vite.dev
- awesome-repositories: https://awesome-repositories.com/repository/vitejs-vite.md

## Topics

`build-tool` `dev-server` `frontend` `hmr` `vite`

## Description

Vite is a frontend build toolchain that provides a unified development and production pipeline for modern web applications. It functions as a modular, environment-agnostic build engine that leverages native ES modules to serve source code directly to the browser, eliminating the need for expensive bundling during the development phase. By maintaining an environment-aware module graph, it supports concurrent development across client, server, and custom runtime environments.

The project distinguishes itself through a high-performance development server that utilizes a hot module replacement protocol to propagate granular code updates via WebSockets, allowing for stateful application patches without full page reloads. Its architecture is built on a plugin-based transformation pipeline that ensures consistent code processing across both development and production builds. Additionally, it features advanced dependency pre-bundling, which converts CommonJS and UMD dependencies into optimized ESM chunks to improve loading efficiency and startup performance.

Vite covers a broad capability surface, including comprehensive support for server-side rendering, multi-page application architectures, and static asset management. It provides extensive programmatic APIs for controlling code transformation, server lifecycles, and environment variable management. The toolchain also includes built-in optimizations for production, such as automatic code splitting, preload directive generation, and high-speed TypeScript transpilation.

The project is configured through a standard file-based system, allowing developers to extend functionality via custom plugins and hooks that integrate directly into the build and runtime logic.

## Tags

### Development Tools & Productivity

- [Development Servers](https://awesome-repositories.com/f/development-tools-productivity/development-environment-management/development-environments/development-workflow-orchestration/development-servers.md) — Launches a local server that accelerates iteration cycles by enabling live code updates without full page reloads. ([source](http://vite.dev/guide/cli))
- [Environment-Aware Module Graphs](https://awesome-repositories.com/f/development-tools-productivity/package-managers/dependency/environment-aware-module-graphs.md) — Maps complex dependency trees while maintaining isolated execution contexts to support concurrent development across diverse runtime environments.
- [Development Server APIs](https://awesome-repositories.com/f/development-tools-productivity/api-development-sdks/developer-tooling-apis/development-server-apis.md) — Provides a programmatic API to instantiate development servers, configure middleware, and manage hot module replacement. ([source](http://vite.dev/guide/api-javascript))
- [Frontend Build Toolchains](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/build-orchestration-logic/build-orchestration-configuration/build-automation-systems/build-tools/module-bundlers/frontend-build-toolchains.md) — Unifies the development and production lifecycle by managing the packaging and transformation of client-side assets.
- [Hot Module Replacement](https://awesome-repositories.com/f/development-tools-productivity/platforms-runtimes-language-services/hot-module-replacement.md) — Patches application modules in real-time by managing lifecycle events and resource disposal during active development. ([source](http://vite.dev/guide/api-hmr))
- [Dependency Optimization](https://awesome-repositories.com/f/development-tools-productivity/terminal-shell-cli/cli-tooling-frameworks/cli-tooling/distribution-extensibility/dependency-optimization.md) — Pre-bundles project dependencies to significantly reduce startup times by ensuring modules are ready for immediate use. ([source](http://vite.dev/guide/cli))
- [Multi-Page Application Builders](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/build-orchestration-logic/build-orchestration-configuration/build-automation-systems/build-tools/module-bundlers/multi-page-application-builders.md) — Defines multiple HTML entry points to generate distinct production bundles for complex multi-page applications. ([source](http://vite.dev/guide/build))
- [Build Previewers](https://awesome-repositories.com/f/development-tools-productivity/workflow-automation-tools/build-task-automation/build-previewers.md) — Serves production-ready artifacts from local directories to validate application behavior and asset integrity. ([source](http://vite.dev/guide/cli))
- [Code Transformation APIs](https://awesome-repositories.com/f/development-tools-productivity/api-development-sdks/development-apis/code-transformation-apis.md) — Applies high-performance code transformations through a plugin-based architecture for efficient processing. ([source](http://vite.dev/guide/api-javascript))
- [Environment Configurations](https://awesome-repositories.com/f/development-tools-productivity/development-environment-management/development-environments/environment-configuration-management/environment-configurations.md) — Loads environment-specific settings and build behaviors through flexible command-line flags and variable injection. ([source](http://vite.dev/guide/env-and-mode))

### DevOps & Infrastructure

- [Plugin-Based Build Engines](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-systems/plugin-based-build-engines.md) — Extends core transformation logic through a standardized interface that allows custom hooks to intercept and modify the build process.
- [Modern Web](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-toolchains/modern-web.md) — Leverages native ESM and high-speed transformation pipelines to optimize production builds for modern web applications.
- [Production Build APIs](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-tooling/build-pipeline-extensions/production-build-apis.md) — Executes production-ready build tasks such as transpilation, minification, and manifest generation through a dedicated programmatic interface. ([source](http://vite.dev/guide/api-javascript))
- [APIs](https://awesome-repositories.com/f/devops-infrastructure/configuration-management/environment-management/apis.md) — Exposes programmatic interfaces for configuring execution contexts and managing isolated module graphs across different runtime environments. ([source](http://vite.dev/guide/api-environment-instances))
- [Production Asset Optimizations](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-optimization/production-asset-optimizations.md) — Optimizes static assets for production deployment by performing code minification, chunk splitting, and manifest generation.
- [Plugin-Based Transformation Pipelines](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/cicd-pipeline-management/build-pipelines/plugin-based-transformation-pipelines.md) — Standardizes code transformation across development and production builds using a unified hook-based pipeline.
- [Chunking Strategies](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-optimization/chunking-strategies.md) — Splits code into optimized bundles using custom chunking strategies to improve production loading performance. ([source](http://vite.dev/guide/build))
- [Virtual Modules](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-systems/virtual-modules.md) — Injects build-time information into the application by defining modules that exist only within the build process. ([source](http://vite.dev/guide/api-plugin))
- [Dependency Discovery Mechanisms](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-tooling/build-configuration-governance/dependency-discovery-mechanisms.md) — Scans source code for bare imports to identify and resolve dependency entry points for rapid pre-bundling. ([source](http://vite.dev/guide/dep-pre-bundling))
- [Build Plugins](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-tooling/build-pipeline-extensions/build-plugins.md) — Applies framework-specific transformations during build hooks to facilitate server-side rendering. ([source](http://vite.dev/guide/ssr))
- [Virtual Module Resolvers](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/bundling-extension-architectures/build-system-extensions/virtual-module-resolvers.md) — Bridges build-time configuration with runtime logic by injecting dynamically generated code into the module graph using custom import prefixes.
- [Dependency Caching Mechanisms](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/bundling-extension-architectures/build-tooling-architectures/dependency-caching-mechanisms.md) — Stores pre-bundled dependencies on the file system and automatically invalidates them when lockfiles or configurations change. ([source](http://vite.dev/guide/dep-pre-bundling))
- [Plugin Orchestration Strategies](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/bundling-extension-architectures/build-tooling-architectures/plugin-orchestration-strategies.md) — Restricts plugin application to specific build phases and enforces execution order through configuration modifiers. ([source](http://vite.dev/guide/using-plugins))
- [Environment Variable Accessors](https://awesome-repositories.com/f/devops-infrastructure/configuration-management/environment-management/environment-configuration/environment-variable-accessors.md) — Makes build-time constants like mode and base URL available via global objects to branch application logic at runtime. ([source](http://vite.dev/guide/env-and-mode))
- [HTML Asset Processors](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-tooling/html-asset-processors.md) — Replaces dynamic configuration values within static markup by injecting variables into HTML files during the build process. ([source](http://vite.dev/guide/env-and-mode))
- [Asset URL Resolution](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/bundling-extension-architectures/build-tooling-architectures/asset-url-resolution.md) — Resolves asset paths using native module constructors to ensure dynamic loading remains compatible with production hashing. ([source](http://vite.dev/guide/assets))
- [SSR Dependency Management](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/bundling-extension-architectures/build-tooling-architectures/ssr-dependency-management.md) — Manages dependency externalization and forces specific package transformations to optimize server-side rendering builds. ([source](http://vite.dev/guide/ssr))
- [Browser Compatibility Targets](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/configuration-lifecycle-management/production-build-configurations/browser-compatibility-targets.md) — Enforces specific browser compatibility targets to ensure generated code meets required feature set standards. ([source](http://vite.dev/guide/build))
- [Resolution Optimizers](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-optimization/resolution-optimizers.md) — Decreases filesystem overhead by utilizing explicit import paths and optimized extension resolution. ([source](http://vite.dev/guide/performance))
- [Static Asset Serving](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/bundling-extension-architectures/build-tooling-architectures/static-asset-serving.md) — Hosts static files directly from source directories without processing to preserve original paths in build outputs. ([source](http://vite.dev/guide/assets))
- [Linked Dependency Management](https://awesome-repositories.com/f/devops-infrastructure/dependency-management/environment-scoping-controls/linked-dependency-management.md) — Treats monorepo packages as source code to bypass unnecessary bundling while maintaining compatibility with external dependencies. ([source](http://vite.dev/guide/dep-pre-bundling))

### Software Engineering & Architecture

- [Hot-Reloading Systems](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/engineering-best-practices/development-process-methodologies/development-workflows/hot-reloading-systems.md) — Updates application modules instantly in the browser while preserving state to ensure a seamless development experience.
- [Plugin Installation Utilities](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/extensibility/plugin-architectures/plugin-installation-utilities.md) — Automates the registration and initialization of external functionality by managing plugin dependencies within the build configuration. ([source](http://vite.dev/guide/using-plugins))
- [Environment Variable Managers](https://awesome-repositories.com/f/software-engineering-architecture/application-lifecycle-management/configuration-management/environment-variable-management/environment-variable-managers.md) — Loads environment variables from files and safely shares them with client-side code while excluding sensitive secrets from production bundles. ([source](http://vite.dev/guide/env-and-mode))
- [Developer Authoring Interfaces](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/extensibility/plugin-architectures/developer-authoring-interfaces.md) — Enables the authoring of custom plugins directly within configuration files to extend build processes and inject specialized logic. ([source](http://vite.dev/guide/api-plugin))
- [Backend Server Integration](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/programmatic-interfaces/backend-server-integration.md) — Facilitates backend communication by generating manifests and proxying static asset requests to development servers. ([source](http://vite.dev/guide/backend-integration))
- [Dependency Pre-warmers](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/build-bundle-optimization/dependency-pre-warmers.md) — Pre-transforms frequently used modules during startup to eliminate request waterfalls and reduce initial load latency. ([source](http://vite.dev/guide/performance))

### Web Development

- [Server-Side Rendering Frameworks](https://awesome-repositories.com/f/web-development/backend-development/web-frameworks/rendering-and-layout-architectures/server-side-rendering-frameworks.md) — Coordinates the generation of both client and server bundles to enable performant, environment-aware server-side rendering.
- [Application Servers](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/web-infrastructure-servers/application-servers.md) — Resolves module dependencies dynamically to serve modern frontend applications within a high-performance local environment. ([source](http://vite.dev/guide/))
- [Native ESM Development Servers](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/web-infrastructure-servers/native-esm-development-servers.md) — Delivers source code directly to browsers as native ES modules, bypassing traditional, time-consuming bundling steps during development.
- [SSR Bundlers](https://awesome-repositories.com/f/web-development/rendering-templating/server-side-rendering-utilities/ssr-bundlers.md) — Produces dual-target bundles that contain environment-specific logic for both server-side execution and client-side hydration. ([source](http://vite.dev/guide/ssr))
- [SSR Development Servers](https://awesome-repositories.com/f/web-development/rendering-templating/server-side-rendering-utilities/ssr-development-servers.md) — Operates in middleware mode to integrate with server-side frameworks for real-time previewing of rendered content. ([source](http://vite.dev/guide/ssr))
- [Static Site Generation](https://awesome-repositories.com/f/web-development/rendering-templating/static-site-generation.md) — Renders routes into static HTML files at build time to enhance performance and search engine visibility. ([source](http://vite.dev/guide/ssr))
- [CSS Injection](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/asset-management-build-tools/style-optimization-tools/css-injection.md) — Injects styles into pages with hot module replacement while supporting pre-processors, CSS modules, and automatic asset URL rebasing. ([source](http://vite.dev/guide/features))
- [Asset URL Resolvers](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/asset-management-build-tools/asset-loading-resolution/asset-url-resolvers.md) — Maps static asset paths to usable resource identifiers, enabling automatic hashing, inlining, and plugin-based optimization. ([source](http://vite.dev/guide/assets))
- [Preview Servers](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/web-infrastructure-servers/preview-servers.md) — Generates local server instances for verifying production-ready builds before final deployment. ([source](http://vite.dev/guide/api-javascript))

### Programming Languages & Runtimes

- [TypeScript Transpilers](https://awesome-repositories.com/f/programming-languages-runtimes/compiler-interpreter-internals/compiler-toolchains/typescript-transpilers.md) — Transforms TypeScript files into JavaScript at high speed while delegating static type verification to external tools. ([source](http://vite.dev/guide/features))
- [Glob Import Utilities](https://awesome-repositories.com/f/programming-languages-runtimes/language-interoperability/interoperability/module-resolution-systems/glob-import-utilities.md) — Imports multiple file system modules using glob patterns, supporting lazy-loading, eager imports, and named exports. ([source](http://vite.dev/guide/features))
- [Cross-Environment Module Executors](https://awesome-repositories.com/f/programming-languages-runtimes/runtime-execution-environments/runtime-environments/runtimes/javascript-and-web-standard/cross-environment-module-executors.md) — Manages isolated module graphs to facilitate consistent execution across diverse runtime environments.

### Repository Format

- [Awesome List](https://awesome-repositories.com/f/repository-format/awesome-list.md) — A community-curated directory that catalogs and links out to other open-source projects, rather than a standalone tool you run yourself.

### Part of an Awesome List

- [Build and Bundling](https://awesome-repositories.com/f/awesome-lists/devtools/build-and-bundling.md) — Fast build tool with hot module replacement.
- [Build Tools](https://awesome-repositories.com/f/awesome-lists/devtools/build-tools.md) — Next-generation frontend build and development tool.
- [Build Tools and Tooling](https://awesome-repositories.com/f/awesome-lists/devtools/build-tools-and-tooling.md) — Fast, next-generation frontend build and development tool.
- [Developer Tooling](https://awesome-repositories.com/f/awesome-lists/devtools/developer-tooling.md) — Fast frontend build tool and development server.
- [Developer Tools](https://awesome-repositories.com/f/awesome-lists/devtools/developer-tools.md) — Fast frontend build tool and development server.
- [Developer Tools and Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/developer-tools-and-frameworks.md) — Frontend tooling for modern web development.
- [Development Toolkits](https://awesome-repositories.com/f/awesome-lists/devtools/development-toolkits.md) — Fast native-ESM powered web dev build tool.
- [Development Tools](https://awesome-repositories.com/f/awesome-lists/devtools/development-tools.md) — Next-generation frontend build and development tool.
- [Framework Integrations](https://awesome-repositories.com/f/awesome-lists/devtools/framework-integrations.md) — Provides legacy browser support for modern builds.
- [Project Scaffolding](https://awesome-repositories.com/f/awesome-lists/devtools/project-scaffolding.md) — Official scaffold generator for Vite and Svelte.
- [Starter Templates](https://awesome-repositories.com/f/awesome-lists/devtools/starter-templates.md) — Official Lit-based template preset for Vite.

### Networking & Communication

- [WebSocket Event Systems](https://awesome-repositories.com/f/networking-communication/distributed-systems-p2p/distributed-computing/communication-protocols/websocket-implementations/websocket-event-systems.md) — Utilizes WebSocket events to enable real-time updates and seamless communication between clients and servers. ([source](http://vite.dev/guide/api-plugin))