Vite (software)

{{short description|Local development server}}

{{More citations needed|date=November 2023}}

{{Infobox software

| title = Vite

| name = Vite

| logo = Vitejs-logo.svg

| logo caption =

| logo alt =

| logo upright = yes

| collapsible =

| screenshot =

| screenshot size =

| screenshot alt =

| caption =

| other_names =

| author = Evan You

| developer =

| released = {{Start date and age|2020|04|20|df=yes/no}}

| ver layout =

| discontinued =

| latest release version = {{wikidata|property|reference|edit|P348}}

| latest release date = {{Start date and age|{{wikidata|qualifier|P348|P577}}|df=yes}}

| latest preview version =

| latest preview date =

| repo = {{URL|https://github.com/vitejs/vite}}

| qid =

| programming language = TypeScript

| middleware =

| engine =

| operating system =

| platform = Node.js, Deno, Bun

| included with =

| replaces =

| replaced_by =

| service_name =

| size =

| standard =

| language = English
Docs in English, Chinese, Japanese and Spanish

| language count =

| language footnote =

| genre = Development server

| license = MIT License

| website = {{Official URL}}

}}

Vite ({{IPA|fr|vit|lang}}, 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 {{wdrl|Q114900810}} and esbuild internally for bundling.{{cite web |title=Why Vite |url=https://vite.dev/guide/why.html |website=vite.dev}}

Vite monitors files as they are being edited and upon file save the web browser reloads the code being edited through a process called Hot Module Replacement (HMR){{cite web |title=Educative Answers - Trusted Answers to Developer Questions |url=https://www.educative.io/answers/what-is-vitejs |website=Educative |access-date=10 November 2023 |language=en}} 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.

See also

{{stack|{{Portal|Free and open-source software}}}}

References

{{Reflist}}