Jump to content
Wikipedia The Free Encyclopedia

Vite (software)

From Wikipedia, the free encyclopedia
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 release20 April 2020; 4 years ago (2020年04月20日)
Stable release
v5.4.9 / 14 October 2024; 3 months ago (2024年10月14日)
Repository github.com/vitejs/vite
Written inTypeScript
Platform Node.js, Deno, Bun
Available inEnglish
Docs in English, Chinese, Japanese and Spanish
Type Development server
License MIT License
Websitevitejs.dev Edit this at Wikidata

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 [Wikidata] 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 ]

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.
[edit ]
Code analysis
Supersets
Transpilers
Concepts
Debuggers
Doc generators
Editors (comparison)
Engines
Frameworks
Related technologies
Package managers
Module bundlers
Server-side
Unit testing frameworks (list)
People


Stub icon

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

Stub icon

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

AltStyle によって変換されたページ (->オリジナル) /