今天看了 Vite 的下載量，它的周下載量已經超過 2660 萬。比 Webpack 的 3000 萬只少 200 多萬。按現在的增長速度，也許兩周后，Vite 的下載量就能超過 Webpack，成為構建工具中的王！

基本數據

下面是一些 Vite 的數據：

? Vite 的 GitHub 倉庫有72200? 和6600次 Fork，在前端構建工具里排前面。

? Vite 在 npm 上的下載量：

a.周下載量：26,581,425 次；

b.月下載量：超過 1 億次；

c.總下載量：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：

a.SvelteKit：官方全?？蚣?，默認用 Vite。

b.獨立 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：