Vite (software) - Misplaced Pages

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; 2 months 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	vitejs.dev

Vite (French: [vit], like "veet") is a local development server written by Evan You, 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 [Wikidata] and esbuild internally for bundling.

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) 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

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.

References

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

External links

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 Misplaced Pages by expanding it.

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

Categories:

Features and performance

See also

References

External links