Resultado da Busca
Vite is a fast and lightweight development server for modern web apps. It supports TypeScript, JSX, CSS, HMR, Rollup and more with fully typed APIs and universal plugins.
- Guide
create-vite is a tool to quickly start a project from a...
- Vite 2 Docs
Hot Module Replacement (HMR) that stays fast regardless of...
- Config
It is important to note that in Vite's API the command value...
- Plugins
NOTE. Vite aims to provide out-of-the-box support for common...
- Team
The development of Vite is guided by an international team,...
- Releases
Security patches are also backported to vite@3, and...
- Why Vite
Vite improves the dev server start time by first dividing...
- Deploying a Static Site
NOTE. These guides provide instructions for performing a...
- Guide
- Overview
- Browser Support
- Trying Vite Online
- Scaffolding Your First Vite Project
- Community Templates
- Manual Installation
- Index.html and Project Root
- Command Line Interface
- Using Unreleased Commits
- GeneratedCaptionsTabForHeroSec
Vite (French word for "quick", pronounced /vit/, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts: 1. A dev server that provides rich feature enhancements over native ES modules, for example extremely fast Hot Module Replacement (HMR). 2. A build com...
During development, Vite sets esnext as the transform target, because we assume a modern browser is used and it supports all of the latest JavaScript and CSS features. This prevents syntax lowering, letting Vite serve modules as close as possible to the original source code. For the production build, by default Vite targets browsers that support na...
You can try Vite online on StackBlitz. It runs the Vite-based build setup directly in the browser, so it is almost identical to the local setup but doesn't require installing anything on your machine. You can navigate to vite.new/{template}to select which framework to use. The supported template presets are:
Then follow the prompts! You can also directly specify the project name and the template you want to use via additional command line options. For example, to scaffold a Vite + Vue project, run: See create-vite for more details on each supported template: vanilla, vanilla-ts, vue, vue-ts, react, react-ts, react-swc, react-swc-ts, preact, preact-ts, ...
create-vite is a tool to quickly start a project from a basic template for popular frameworks. Check out Awesome Vite for community maintained templatesthat include other tools or target different frameworks. For a template at https://github.com/user/project, you can try it out online using https://github.stackblitz.com/user/project (adding .stackb...
In your project, you can install the viteCLI using: And create an index.htmlfile like this: Then run the viteCLI in your terminal: The index.html will be served on http://localhost:5173.
One thing you may have noticed is that in a Vite project, index.html is front-and-central instead of being tucked away inside public. This is intentional: during development Vite is a server, and index.htmlis the entry point to your application. Vite treats index.html as source code and part of the module graph. It resolves
In a project where Vite is installed, you can use the vite binary in your npm scripts, or run it directly with npx vite. Here are the default npm scripts in a scaffolded Vite project: You can specify additional CLI options like --port or --open. For a full list of CLI options, run npx vite --helpin your project. Learn more about the Command Line In...
If you can't wait for a new release to test the latest features, you will need to clone the vite repo to your local machine and then build and link it yourself (pnpmis required): Then go to your Vite based project and run pnpm link --global vite (or the package manager that you used to link viteglobally). Now restart the development server to ride ...
Vite is a build tool that provides rich feature enhancements over native ES modules and outputs highly optimized static assets for production. Learn how to get started with Vite, try it online, or use it with different frameworks and plugins.
Vite é uma ferramenta que oferece uma experiência de desenvolvimento mais rápida e leve para projetos de web modernos. Ela consiste em um servidor de desenvolvimento com substituição de módulo instantânea e um comando de construção com Rollup.
Vite is a fast and lightweight dev tool for modern web development. It supports TypeScript, JSX, CSS, HMR, Rollup and more.
Aprenda como usar o Vite para construir e implementar sua aplicação em produção com o comando vite build. Veja as opções de configuração, compatibilidade, caminho de base, personalização e reconstrução.
Vite is a new tool that improves frontend development performance by leveraging native ES modules and esbuild. Learn how Vite solves the problems of slow server start, slow updates and bundle size, and how it differs from other tools.
Vite is a new breed of frontend build tooling that improves the development experience with fast server start, HMR, and optimized build. It supports ES modules, Rollup, plugins, and full typing.
