Vite (software)

Local development server

This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed.
Find sources: "Vite" software – news · newspapers · books · scholar · JSTOR (November 2023) (Learn how and when to remove this message)

|

Vite

Original author(s)| Evan You
Initial release| 20 April 2020; 4 years ago (2020-04-20)
Stable release|

v5.4.9 / 14 October 2024; 26 days ago (2024-10-14)

Repository| github.com/vitejs/vite
Written in| TypeScript
Platform| Node.js, Deno, Bun
Available in| English
Docs in English, Chinese, Japanese and Spanish
Type| Development server
License| MIT License
Website| vite.dev

Vite (French: [vit], like "veet") is a local development server written by Evan You,[1] the creator of Vue.js, and used by default by Vue and for React project templates. It has support for TypeScript and JSX. It uses Rollup and esbuild internally for bundling.[2]

It monitors files as they're being edited and upon file save the web browser reloads the code being edited through a process called Hot Module Replacement (HMR)[3] which works by just reloading the specific file being changed using ES6 modules (ESM) instead of recompiling the entire application.

Vite provides built-in support for server-side rendering (SSR). By default, it listens on TCP port 5173. It is possible to configure Vite to serve content over HTTPS and proxy requests (including WebSocket) to a back-end web server (such as Apache HTTP Server or lighttpd).

## Features and performance

[edit]

Vite has a Hot Module Replacement (HMR) system, which reduces wait times during development. Vite supports frameworks such as React, Vue, and Svelte, and has server-side rendering (SSR), code-splitting, and asynchronous loading.

Vite's production build times are fast compared to traditional build tools, clocking in at 3.37 seconds versus Webpack’s 10.82 seconds and Parcel’s 9.01 seconds. Vite is framework-agnostic and integrates seamlessly with tools such as Vitest for testing, Astro for content-driven sites, and Slidev for presentations.[4]

## See also

[edit]

* Free and open-source software portal

* Bun
* Vue

## References

[edit]

1. ^ "Introducing Vite JS - Next-Gen Frontend Tooling". Radixweb. Retrieved 10 November 2023.
2. ^ "Why Vite". vite.dev.
3. ^ "Educative Answers - Trusted Answers to Developer Questions". Educative. Retrieved 10 November 2023.
4. ^ "Understanding Vite and Bun.js: A Detailed Developer's Review". Valletta Software Blog. July 27, 2024. Retrieved August 28, 2024.

## External links

[edit]

* Official website
* vite on GitHub
* Vite on npm

* v
* t
* e

JavaScript

Code analysis|

* ESLint
* JSHint
* JSLint

Supersets|

* JS++
* TypeScript
* ArkTS

Transpilers|

* AtScript
* Babel
* ClojureScript
* CoffeeScript
* Dart
* Elm
* Emscripten
* Google Closure Compiler
* Google Web Toolkit
* Haxe
* LiveScript
* Morfik
* Nim
* Opa
* PureScript
* Reason
* WebSharper

Concepts|

* JavaScript library
* JavaScript syntax

Debuggers|

* Chrome DevTools
* Firefox Inspector
* Komodo IDE
* Microsoft Edge DevTools
* Opera DevTools
* Safari Web Inspector

Doc generators|

* JSDoc

Editors (comparison)|

* Ace
* Cloud9 IDE
* Atom
* CodeMirror
* Brackets
* Light Table
* PhpStorm
* Orion
* Visual Studio
* Visual Studio Express
* Visual Studio Code
* Visual Studio Team Services
* Vim

Engines|

* List of ECMAScript engines

Frameworks|

* Comparison of JavaScript frameworks
* List of JavaScript libraries

Related technologies|

* Ajax
* AssemblyScript
* asm.js
* Cascading Style Sheets
* Document Object Model
* HTML
* HTML5
* JSON
* WebAssembly
* WebAuthn

Package managers|

* npm
* pnpm
* yarn

Module bundlers|

* Webpack
* Vite
* esbuild

Server-side|

* Active Server Pages
* Bun
* CommonJS
* Deno
* JSGI
* Node.js

Unit testing frameworks (list)|

* Jasmine
* Mocha
* QUnit

People|

* Douglas Crockford
* Ryan Dahl
* Brendan Eich
* John Resig

This programming-tool-related article is a stub. You can help Wikipedia by expanding it.

|

* v
* t
* e

This free and open-source software article is a stub. You can help Wikipedia by expanding it.

|

* v
* t
* e

*[v]: View this template
*[t]: Discuss this template
*[e]: Edit this template