今天看了 Vite 的下載量，它的周下載量已經(jīng)超過 2660 萬。比 Webpack 的 3000 萬只少 200 多萬。按現(xiàn)在的增長(zhǎng)速度，也許兩周后，Vite 的下載量就能超過 Webpack，成為構(gòu)建工具中的王！

基本數(shù)據(jù)

下面是一些 Vite 的數(shù)據(jù)：

? Vite 的 GitHub 倉(cāng)庫(kù)有72200? 和6600次 Fork，在前端構(gòu)建工具里排前面。

? Vite 在 npm 上的下載量：

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

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

c.總下載量：1,346,538,249 次。

? 目前有 4435 個(gè) npm 包直接依賴 Vite。

? 根據(jù)過去四年 State of JS 調(diào)查：

? 2021 年：Vite 首次出現(xiàn)，滿意度 98%，使用率 30%。

? 2022 年：留存率 98.4%，關(guān)注度 81.7%，使用率 50%，獲“最受歡迎技術(shù)”獎(jiǎng)。

? 2023 年：Vite 有多項(xiàng)第一。它的使用率增長(zhǎng) 25% 是最高的；用戶回訪率 98% 排第一；好評(píng)率 88.7% 也最高；它是最受歡迎的技術(shù)。

? 2024 年：Vite 在增長(zhǎng)、滿意度、關(guān)注度上表現(xiàn)優(yōu)異，是所有庫(kù)/工具里最受歡迎的。

AI 應(yīng)用生成

用熱門 AI 應(yīng)用生成器，如果讓它“用默認(rèn)技術(shù)棧做一個(gè)簡(jiǎn)單應(yīng)用”，大多工具都用 Vite。這可能是近一個(gè)月 Vite 下載量增加 400 萬的主要原因：

? ? Bolt：默認(rèn)用 Vite；

? ? Replit：默認(rèn)用 Vite；

? ? Lovable：默認(rèn)用 Vite；

? ? Convex Chef：默認(rèn)用 Vite；

? ? Windsurf：默認(rèn)用 Vite；

? ? Tempo Labs：界面要選，但默認(rèn)是 Vite；

? ? v0：默認(rèn)用 Next，只支持 Next；

? ? Firebase Studio：即使提示“用 Vite”，默認(rèn)還是 Next，也能選 Vite。

前端框架構(gòu)建

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

? ? Vue：Vite 最初為 Vue 3 設(shè)計(jì)，是官方推薦的構(gòu)建工具。create-vue腳手架默認(rèn)用 Vite。Vue DevTools 提供專用插件優(yōu)化 Vite 開發(fā)體驗(yàn)。

? ? React：React 官方推薦初學(xué)者使用 Vite，目前社區(qū)里很多人都在用 Vite。用create-vite可以快速生成react、react-ts等模板，配置簡(jiǎn)單。

? ? Angular：開發(fā)時(shí)可以用 Vite，生產(chǎn)打包要插件（vite-plugin-angular）。

? ? Nuxt：Nuxt 是 Vue 服務(wù)端渲染框架，從 v3 起默認(rèn)用 Vite。

? ? Svelte：

a.SvelteKit：官方全?？蚣埽J(rèn)用 Vite。

b.獨(dú)立 Svelte 項(xiàng)目：用官方vite-plugin-svelte快速集成，可靈活配置。

? ? Astro：默認(rèn)用 Vite，支持混合 Vue、React、Svelte 等組件，用按需編譯加快構(gòu)建。

? ? Solid：官方vite-plugin-solid支持細(xì)粒度組件熱更新；SolidStart 框架內(nèi)置 Vite。

? ? Qwik：用 Vite 插件深度集成，加快首屏加載。

? ? Remix：Remix v2.2.0+ 有試驗(yàn)性 Vite 支持。加@remix-run/dev插件就能用 Vite 進(jìn)行構(gòu)建和開發(fā)。

? ? Next.js：默認(rèn)不集成 Vite。Next.js 團(tuán)隊(duì)推出了基于 Rust 的 Turbopack，定位類似 Vite 的繼任者。

總結(jié)：除了 Next.js，其他框架都能默認(rèn)或可選用 Vite：