连续霸榜多年，前端构建工具王座即将易主！

今天看了 Vite 的下载量，它的周下载量已经超过 2660 万。比 Webpack 的 3000 万只少 200 多万。按现在的增长速度，也许两周后，Vite 的下载量就能超过 Webpack，成为构建工具中的王！

基本数据

下面是一些 Vite 的数据：

• • Vite 的 GitHub 仓库有72200⭐ 和6600次 Fork，在前端构建工具里排前面。

• • Vite 在 npm 上的下载量：

• • • 周下载量：26,581,425 次；

  • • 月下载量：超过 1 亿次；

  • • 总下载量：1,346,538,249 次。

• • 目前有 4435 个 npm 包直接依赖 Vite。

• • 根据过去四年 State of JS 调查：

• • • 2021 年：Vite 首次出现，满意度 98%，使用率 30%。

  • • 2022 年：留存率 98.4%，关注度 81.7%，使用率 50%，获“最受欢迎技术”奖。

  • • 2023 年：Vite 有多项第一。它的使用率增长 25% 是最高的；用户回访率 98% 排第一；好评率 88.7% 也最高；它是最受欢迎的技术。

  • • 2024 年：Vite 在增长、满意度、关注度上表现优异，是所有库/工具里最受欢迎的。

AI 应用生成

用热门 AI 应用生成器，如果让它“用默认技术栈做一个简单应用”，大多工具都用 Vite。这可能是近一个月 Vite 下载量增加 400 万的主要原因：

• • ✅ Bolt：默认用 Vite；

• • ✅ Replit：默认用 Vite；

• • ✅ Lovable：默认用 Vite；

• • ✅ Convex Chef：默认用 Vite；

• • ✅ Windsurf：默认用 Vite；

• • ✅ Tempo Labs：界面要选，但默认是 Vite；

• • ❌ v0：默认用 Next，只支持 Next；

• • ❌ Firebase Studio：即使提示“用 Vite”，默认还是 Next，也能选 Vite。

前端框架构建

下面是主流前端框架怎么用 Vite：

• • ✅ Vue：Vite 最初为 Vue 3 设计，是官方推荐的构建工具。create-vue脚手架默认用 Vite。Vue DevTools 提供专用插件优化 Vite 开发体验。

• • ✅ React：React 官方推荐初学者使用 Vite，目前社区里很多人都在用 Vite。用create-vite可以快速生成react、react-ts等模板，配置简单。

• • ✅ Angular：开发时可以用 Vite，生产打包要插件（vite-plugin-angular）。

• • ✅ Nuxt：Nuxt 是 Vue 服务端渲染框架，从 v3 起默认用 Vite。

• • ✅ Svelte：

• • •SvelteKit：官方全栈框架，默认用 Vite。

  • •独立 Svelte 项目：用官方vite-plugin-svelte快速集成，可灵活配置。

• • ✅ Astro：默认用 Vite，支持混合 Vue、React、Svelte 等组件，用按需编译加快构建。

• • ✅ Solid：官方vite-plugin-solid支持细粒度组件热更新；SolidStart 框架内置 Vite。

• • ✅ Qwik：用 Vite 插件深度集成，加快首屏加载。

• • ✅ Remix：Remix v2.2.0+ 有试验性 Vite 支持。加@remix-run/dev插件就能用 Vite 进行构建和开发。

• • ❌ Next.js：默认不集成 Vite。Next.js 团队推出了基于 Rust 的 Turbopack，定位类似 Vite 的继任者。

总结：除了 Next.js，其他框架都能默认或可选用 Vite：

推荐阅读：

 阿里、蚂蚁、腾讯纷纷推出 AI 组件库，React / Vue 全覆盖，AI 组件库超全汇总来啦！

 Vue 团队又一重磅力作来了！

 ECMAScript 2025 来了，新功能一览！