Vite

Vite (French for "quick") is a front-end build tool and development server created by Evan You. In development it serves your source files to the browser as native ES modules without bundling them first, and for production it produces optimized bundles.

Why it matters

Traditional bundlers rebuild large dependency graphs before the dev server starts, which slows big projects. Vite pre-bundles dependencies once and transforms source files on demand, so startup and hot updates stay fast as an app grows. It supports TypeScript, JSX, CSS preprocessors and many frameworks through plugins, and it is the default starter for Vue, Svelte and many React setups.

Example

npm create vite@latest my-app
cd my-app
npm install
npm run dev     # dev server with hot module replacement
npm run build   # production bundle in dist/

The dist/ folder contains static files you can upload to any web host or CDN.

Common mistakes

• Expecting development and production to behave identically; they use different pipelines, so always test the production build.
• Exposing secrets: only variables prefixed VITE_ are sent to client code, and anything exposed is public.
• Forgetting the base option when deploying under a sub-path, which breaks asset URLs.

Related

• webpack
• Bundler
• Hot reload
• Static site generator

यह पेज सामान्य जानकारी है, जिसे हमारी संपादकीय टीम ने लिखा है और दस्तावेज़ीकरण बदलने पर अपडेट किया जाता है। सर्वर और प्रदाता अलग-अलग होते हैं, इसलिए बदलाव पहले सुरक्षित तरीके से जाँचें। देखें: संपादकीय नीति और अस्वीकरण.