Vite 是基于原生 ES 模块的下一代前端构建工具,由开发服务器(按需加载 + 闪电 HMR)和 Rolldown 生产构建(Rust + 并行)两部分组成,定位为框架无关的极速工具链底座。
| 平台 |
跨平台,依赖Node.js 20.19+/22.12+ |
| 中文 |
官方中文文档(cn.vitejs.dev) |
| 用途 |
前端开发服务器与生产构建,集成测试、lint、格式化、monorepo任务编排、性能分析、库打包 |
它能做什么:从 dev 到 deploy 的全栈提速
Vite 核心能力覆盖开发、测试、构建、部署全流程,且每个环节都通过 Rust 重写或原生 ESM 优化实现数量级性能提升。
- 极速服务启动:通过原生 ESM 按需提供源文件,依赖项预打包,冷启动秒级完成
- 闪电 HMR:保存即响应,不受项目规模影响
- Rolldown 构建:Rust + 并行打包,官方数据 40× 于 webpack,内置 tree-shaking、压缩、精细分块
- Vite test(Vitest):零配置,API 100% 照抄 Jest,支持 --browser 真机测试、覆盖率、快照、类型测试、视觉回归
- Vite lint:Oxlint 并行扫描,600+ ESLint 规则原生移植,速度最高 100×,CI 中 2 min 2 s
- Vite format:Rust 原生实现,100% 兼容 .prettierrc,自动 import 排序、对象 key 排序,大仓库秒级格式化
- Vite run:自带缓存的 Monorepo 任务机,零配置推断输入输出,自动 DAG 调度,缓存命中率 95%
- Vite UI:浏览器内性能 X 光机,Transform 流水线火焰图、交互式依赖图(红色高亮版本冲突/幽灵依赖)、实时 Bundle 分析(gzip/brotli 双视图)
- Vite lib:库作者一站式打包,DTS 自动生成+合并,按 package.json exports 自动映射路径,transform-only 模式 <0.5 s
适合谁用:个人、团队、企业的分层方案
Vite 本体(MIT)对所有用户免费开放核心功能;Vite+ 统一 CLI 面向需要企业级 SLA、合规审计、私有插件市场的组织。
- 个人/开源/小团队(<20人且年收入<200万美元):完全免费,可下载源码、改动、提 PR,商用也可
- 中大企业/商业产品:购买授权,按年付费(年费 1~3 万美元起步,含 SLA),授权面向组织而非个人
- 内部 SaaS/云厂商托管:单独谈判,可定制私有镜像
- 框架作者/库开发者:通过 Vite lib 一键打包,DTS 自动生成,无需 tsc + rollup 双跑
怎么上手:零配置起步,模板秒开
Vite 提供开箱即用的默认配置,通过 create-vite 脚手架可快速生成主流框架模板。
- 一键创建项目:npm create vite@latest(或 yarn/pnpm/bun/deno),按提示选模板
- 模板预设:vanilla、vue、react、preact、lit、svelte、solid、qwik,均提供 JS/TS 双版本
- 在线试用:StackBlitz 浏览器内运行,无需本地安装,访问 vite.new/{template}
- 浏览器支持:开发环境假设现代浏览器(esnext 目标),生产构建默认 Baseline(发布于两年半前的浏览器),可通过 @vitejs/plugin-legacy 降级
收费与限制:Vite+ 企业授权详解
Vite 本体始终 MIT 免费,Vite+ 是可选的企业级统一 CLI,采用“源码可见 + 企业授权”模式。
- Vite+ 功能:将 dev/build/test/lint/format/run/ui/lib 全部 Rust 重写并焊进一个 CLI
- 授权触发条件:只有使用 Vite+ 统一 CLI 才需授权,单独使用 Vite 本体不受影响
- 试用方法:npm create vite@latest 仍为免费入口,Vite+ 具体试用需关注官方发布
常见问题
Q1:Vite+ 对个人开发者收费吗?
A1:个人、开源项目、小团队(成员<20人且年收入<200万美元)完全免费,可下载源码、改动、提 PR,商用也不收费。只有使用 Vite+ 统一 CLI 的企业才需购买授权,Vite 本体始终 MIT 免费。
Q2:Vite 的 HMR 为什么比 webpack 快?
A2:Vite 开发服务器基于原生 ES 模块,源文件按需加载,依赖项预打包后缓存;HMR 时只替换变更模块,无需重新打包整个 bundle,因此无论项目多大,保存后都能立即响应。
Q3:Vite 生产构建用 Rolldown 还是 Rollup?
A3:Vite 5 及之前版本使用 Rollup 打包生产代码;Vite 6+ 已切换为 Rolldown(Rust + 并行),官方数据 40× 于 webpack,且原有 Vite 插件零改造即可运行。
更多同类工具与网站,可在构建工具分类继续挑选。
信息核实于 2026年7月,具体以官网为准。
评论
暂无评论