vite README

The project's README from github.com/vitejs/vite. As one markdown file: README.md.



vite logo


npm package node compatibility build status discord chat


Vite ⚡

Next Generation Frontend Tooling

Vite (French word for "quick", pronounced /viːt/, 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:

In addition, Vite is highly extensible via its Plugin API and JavaScript API with full typing support.

Read the Docs to Learn More.

Packages

Package Version (click for changelogs)
vite vite version
@vitejs/plugin-legacy plugin-legacy version
create-vite create-vite version

Contribution

See Contributing Guide.

License

MIT.

Sponsors

sponsors

vite (vitejs/vite)

Searching Database…

83.4K ·GitHub
这是什么?Vite 是一个前端构建工具,开发时提供启动即用的开发服务器和快速的模块热替换,并使用 Rolldown 将代码打包,用于生产环境。
它是开发服务器、打包工具,还是两者都是?两者都是:它包含一个开发服务器,直接提供原生 ES 模块并支持快速的模块热替换;同时还有一个构建命令,可将应用打包用于生产环境。
我该如何把它添加到项目中?在项目中安装 'vite' 包(或使用 'create-vite' 创建新项目),然后通过包管理器脚本运行开发服务器或构建命令。
我需要特定的包管理器或 Node 版本吗?本仓库本身要求使用 pnpm(禁止使用 npm 安装),并要求 Node 版本为 ^20.19.0 或 >=22.12.0;不过这些要求是针对开发 Vite 本身的,不一定适用于在项目中使用 Vite。
我可以用插件扩展 Vite 吗?可以。Vite 提供通用插件接口和完整类型标注的 JavaScript API,因此你可以编写自定义插件,来扩展它的开发服务器和构建行为。
开发服务器为什么这么快?它直接提供原生 ES 模块,而不是先把所有代码全部打包,因此服务器几乎可以瞬间启动,模块热替换也非常迅速。
Vite 用什么为生产环境打包?生产构建由 Rolldown 处理,已预先配置为输出经过优化的静态资源。
有没有支持旧版浏览器的选项?有。'@vitejs/plugin-legacy' 包是该单体仓库的一部分,用于支持旧版浏览器。
What are similar projects?wxt, rolldown, closure-compiler, rollup, snowpack, rspack, oj, esbuild
Creator
vitejs
Size
75.1 MB
Stars
83.4K
Age
6y
Commits · 90 Days