vitejs/vite 是现代前端项目里非常常见的构建工具。它的描述很短：Next generation frontend tooling. It’s fast! 这句话基本概括了 Vite 的核心卖点：开发启动快、热更新快、配置相对轻。
如果你这几年新建过 Vue、React、Svelte、Solid 或普通 TypeScript 前端项目，很可能已经用过 Vite。
为什么 Vite 快
Vite 的快主要来自两个阶段的取舍：
- 开发阶段：利用浏览器原生 ESM，避免一开始把整个项目打包；
- 生产阶段：使用 Rollup 做优化构建；
- 依赖预构建：用更快的工具处理依赖；
- HMR：模块级热更新，改哪里刷新哪里。
传统 bundler 往往在项目变大后启动慢、热更新慢。Vite 把开发体验往“按需加载”方向推了一步。
适合哪些项目
Vite 适合：
- Vue / React / Svelte / Solid 项目；
- TypeScript 前端应用；
- 组件库开发；
- 静态站点和工具页面；
- 中小型 Web App；
- 需要快启动和快 HMR 的团队。
大型项目也可以用，但要注意 monorepo、SSR、插件兼容、构建缓存和 legacy 浏览器支持。
使用时要注意什么
Vite 默认体验很好，但不是完全不用配置：
- 环境变量前缀和注入规则要理解；
- dev server 代理要配置清楚；
- alias、路径、tsconfig 要对齐；
- SSR 和库模式要单独看文档；
- 插件版本和框架版本要匹配；
- 生产构建仍然要看包体积和分包。
不要把“开发快”误解成“生产构建不用管”。上线前仍然要看性能、缓存和兼容性。
小结
Vite 已经成为现代前端默认选项之一。它不是因为概念复杂而流行，而是因为日常开发体验确实轻快。
如果你还在用很老的脚手架，新项目可以优先试 Vite；老项目迁移则要先评估插件、构建流程和团队习惯。