前端大一統(tǒng)時代來了

VueConf 2025 剛剛在深圳落下帷幕,尤雨溪帶來了最新的 Vue & Vite 動態(tài)大公開!這篇文章我來帶大家快速過一遍這場精彩演講的核心內(nèi)容,不錯過任何一個重點更新!

Vue:生態(tài)擴張 + 性能飛躍
Vue 3 普及進入加速區(qū)
- Vue 的 npm 每周下載量達到了 758 萬,同比增長 50% ;
- Vue 3 的使用率從 2024 年的 61.5% 提升到 2025 年的 71.7% ,增幅 76.7% 。
可以說,Vue 3 已經(jīng)正式完成“主流化”,不再只是“推薦升級”,而是開發(fā)者的默認選擇。
Vue Language Tools 3.0
這次更新有兩個關(guān)鍵詞:Hybrid Mode 和 穩(wěn)定性提升。
Hybrid Mode 現(xiàn)在已經(jīng)是默認啟用,開發(fā)體驗會更絲滑,尤其是配合 TypeScript 使用時,類型分析也更精準(zhǔn)。
Vue 3.6 alpha
Vue 3.6 alpha 帶來了兩個重量級新功能,分別是面向編譯優(yōu)化的 Vapor Mode 和面向響應(yīng)式底層的 alien-signals。
Vapor Mode:重新定義“高性能渲染”
Vapor Mode 是 Vue 的一種新型渲染模式,它不改變 Vue 的 API 和開發(fā)方式,但在底層采取了完全不同的策略:
- 核心目標(biāo):最大限度優(yōu)化性能,縮減運行時開銷;
- 使用方式:通過
<script setup vapor>或createVaporApp()啟用,僅支持單文件組件(SFC); - 編譯機制:
a.將靜態(tài)結(jié)構(gòu)提前編譯為 DOM 片段;
b.精準(zhǔn)識別動態(tài)節(jié)點,僅為這些部分建立響應(yīng)式;
c.避免傳統(tǒng)虛擬 DOM 的 diff 和 patch 流程。
- 開發(fā)進展:當(dāng)前 Vapor Mode 已初步支持
Transition、AsyncComponent等特性,后續(xù)還將完善對KeepAlive、SSR hydration 等能力的支持。
alien-signals:下一代響應(yīng)式系統(tǒng)
與此同時,Vue 還引入了 alien-signals —— 一個基于 signals 架構(gòu)的響應(yīng)式系統(tǒng),實現(xiàn)了比現(xiàn)有響應(yīng)式系統(tǒng)更快、更精細的狀態(tài)追蹤能力。
- 設(shè)計理念:核心思路借鑒了 SolidJS 的細粒度響應(yīng)式;
- 性能表現(xiàn):在官方基準(zhǔn)測試中,更新時延做到了平均 0ms,大幅領(lǐng)先 Vue 當(dāng)前的響應(yīng)系統(tǒng)(19ms)、Svelte v5(4ms)等。
Vite:從構(gòu)建工具到生態(tài)操作系統(tǒng)
Vite:下載量暴漲,生態(tài)基本盤已穩(wěn)
Vite 的 npm 周下載量達到了 3200 萬次,同比增長 138%。這也意味著它從“新銳構(gòu)建工具”變成了現(xiàn)代前端開發(fā)的“基礎(chǔ)設(shè)施”。

Void(0):一體化 JS 工具棧的野心
尤雨溪提出了一個重要思路:JavaScript 工具鏈太碎片化了。Linter、Formatter、Bundler、Parser、Minifier… 各自為政,開發(fā)者疲于配置和踩坑。
所以他們打算構(gòu)建一套統(tǒng)一的工具鏈系統(tǒng),叫做 Void(0)。目標(biāo)是像 Rust 的 Cargo 一樣,為前端構(gòu)建出統(tǒng)一的生態(tài)底座。

OXC:Rust 驅(qū)動的極速 JS 工具箱
OXC 是一個基于 Rust 構(gòu)建的高性能 JavaScript/TypeScript 工具鏈,是整個體系的“語法基礎(chǔ)設(shè)施”,負責(zé)分析、轉(zhuǎn)換、壓縮、校驗等。
模塊 | 功能簡介 | 開發(fā)進度 | 性能對比(相較主流工具) |
Parser | 支持 ES/TS/JSX,具備語義分析和控制流圖能力 | ? 已完成 | ?? 比 SWC 快 3 倍 |
Linter | 兼容 ESLint,支持 400+ 規(guī)則,支持 IDE 擴展 | ? 已完成 | ?? 比 ESLint 快 50~100 倍 |
Transformer | 支持 TypeScript、TSX、React Fast Refresh 等 | ? 已完成 | ?? 比 Babel 快 40~70 倍 |
Minifier | 已集成到 Rolldown 中的默認壓縮器 | ? 已完成(Alpha) | ?? 比 SWC 快 8 倍,比 esbuild 快 50% |
Resolver | 支持 Node.js 模塊路徑解析,完全可定制 | ? 已完成 | ?? 比 webpack 快 28 倍 |
Formatter | 提供代碼格式化能力 | ?? 進行中(50%) | 無 |
Rolldown:Vite 的新打包內(nèi)核
Rolldown 是用 Rust 寫的打包器,兼容 Rollup API,目前已經(jīng)進入 1.0 Beta 階段,核心特性包括:
- CJS + ESM 混合支持;
- 高級 Tree-shaking、代碼分割;
- 支持 Rollup 插件(90% 兼容);
- 與 esbuild 的行為也有 80%+ 兼容。
集成之后,構(gòu)建性能暴漲,比如:
- GitLab:構(gòu)建速度提升 2.6 倍,內(nèi)存下降 100 倍;
- Excalidraw:構(gòu)建加速 16 倍。
Oxlint 1.0
- 由 OXC 驅(qū)動的 ESLint 替代品。支持 500+ 條規(guī)則,比 ESLint 快 50~100 倍。
- 開發(fā)中/未來計劃:JS 插件支持、自定義規(guī)則、Vue SFC 支持、TypeScript 類型感知等。
tsdown
- 定位:新一代 TypeScript 構(gòu)建工具,繼承自 tsup,基于 Rolldown 實現(xiàn) dts 文件生成和打包。
Vite+:統(tǒng)一工具鏈的嘗試
Vite+ 是基于 Vite 的超集工具棧,主打的是“一站式開發(fā)體驗”。
支持的能力包括:
vite dev / build(開發(fā) & 構(gòu)建)vite test / bench(測試 & 性能基準(zhǔn))vite lint / format(代碼檢查 & 格式化)vite lib(類型構(gòu)建,基于 tsdown)vite new(項目初始化)vite task(Monorepo 編排 & 緩存系統(tǒng))- 未來還會支持 GUI 工具、AI 插件等
未來的框架將作為 Vite 插件運行,可自定義注入:
- Lint/格式化規(guī)則;
- 測試環(huán)境;
- DevTools 面板等開發(fā)體驗相關(guān)能力。
Vue 和 Vite 已進入“構(gòu)建基礎(chǔ)設(shè)施”階段
Vue 不再只是一個前端框架,Vite 也不只是一個構(gòu)建工具,它們正在試圖重構(gòu)整個 JS 開發(fā)生態(tài)。
從語言工具到打包器、從編譯優(yōu)化到響應(yīng)系統(tǒng),再到框架解耦,Vue + Vite 背后的技術(shù)體系已經(jīng)在向“全鏈路平臺”演進。
對開發(fā)者來說,這意味著更快的速度、更少的配置、更一致的體驗,也意味著更高的門檻和理解成本。但方向是對的,值得關(guān)注。































