Vite 6.0 發布:引領現代前端開發新方向
Vite 6.0 帶來了大量更新與優化,旨在簡化開發流程、提升性能,并解決現代 Web 開發中的諸多挑戰。本次更新引入了 實驗性環境 API 和現代化的工具鏈,進一步鞏固了 Vite 作為開發者首選工具的地位。以下是關于新特性、生態發展以及重要更新的全面解讀。
Vite 生態的快速成長
過去一年,Vite 的 npm 每周下載量從 750 萬飆升至 1700 萬,增長勢頭驚人。包括 Astro、Nuxt、SvelteKit、Solid Start、Qwik City 和 RedwoodJS 在內的主流框架都將 Vite 作為構建的核心工具,提供更快的構建速度和更高效的開發體驗。Google、Microsoft、NASA 和 Shopify 等知名企業也將 Vite 納入工作流程,充分體現了它在各行業中的影響力。
此外,為了促進社區合作并分享實踐經驗,Vite 正邀請企業分享其使用案例,這將進一步展示其在各種領域中的價值。
ViteConf 2024 的亮點
由 StackBlitz 主辦的第三屆 ViteConf 匯聚了開發者和貢獻者,共同慶祝 Vite 的技術進步。今年大會規模空前,并帶來了以下重要更新:
- VoidZero:專注于高性能開源 JavaScript 工具鏈的新公司,正在開發的工具 Rolldown 和 Oxc 將與 Vite 深度集成。
- bolt.new:StackBlitz 發布的創新 Remix 應用,結合 Claude 和 WebContainers,支持開發者快速構建、運行并部署全棧應用。
- Storybook 測試升級:Storybook 展示了基于 Vitest 的新測試功能,為開發工作流提供更強大的支持。
此外,Vite 官方網站(vite.dev)煥新上線,展現了其發展過程中更加成熟的形象。
Vite 6.0 的主要更新與改進
1. resolve.conditions 默認值更新
以前,resolve.conditions 的默認值是空數組 [],并由內部自動添加某些條件。而在 Vite 6 中,這些條件(如 ['module', 'browser', 'development|production'])不再默認添加,開發者需手動指定。
提供了新的默認值 defaultClientConditions 和 defaultServerConditions,如果你使用了自定義條件(例如 ['custom']),需更新為 ['custom', ...defaultClientConditions]。
2. 改進的 JSON 處理
Vite 6 在開啟 json.stringify: true 的同時默認保留 json.namedExports,并新增 json.stringify: 'auto',僅對大型 JSON 文件進行序列化。可以顯式設置 json.namedExports: false 來關閉命名導出。
3. HTML 的資產處理擴展
從原先僅支持 <link href> 和 <img src>,擴展到更多 HTML 元素,具體支持列表詳見官方文檔。如果想跳過某些元素的處理,可以添加 vite-ignore 屬性。
4. 默認使用現代 Sass API
現代 Sass API 成為默認選項,舊版 API 仍可通過 css.preprocessorOptions.sass.api: 'legacy' 使用,但將在下個大版本中移除。遷移細節可參考 Sass 文檔。
5. CSS 輸出文件名可自定義
庫模式下,CSS 文件的默認輸出名從固定的 style.css 改為根據 package.json 中的 name 生成。需要保留原名稱的項目可以設置 build.lib.cssFileName: 'style'。
6. 更新 postcss-load-config
升級到 v6 后,TypeScript 配置需使用 tsx 或 jiti,YAML 配置則需加載 yaml 模塊。
7. 實驗性環境 API
新推出的環境 API 縮小了開發和生產環境的差距,支持開發者構建更貼近生產環境的工具鏈。這一功能將為 JavaScript 生態帶來更多創新可能。
適用場景:
- 單頁應用(SPA)開發者:工作流無任何變化,依然高效快捷。
- 自定義 SSR 應用開發者:框架作者和插件維護者可以利用新 API 簡化開發流程,同時向后兼容現有的 SSR 配置。
- 插件開發者:新 API 提供更多控制力,幫助構建更強大的插件。
Node.js 兼容性
Vite 6 支持 Node.js 18、20 和 22,不再支持 Node.js 21。未來版本可能對較舊的 Node.js 版本逐步停止支持。
總結
Vite 6.0 通過引入創新功能和生態改進,鞏固了其在現代前端開發中的核心地位。從其廣泛的行業應用到對開發者體驗的優化,Vite 不僅是一款工具,更是推動 Web 開發的強大引擎。如果你正在尋找一款高效的前端工具,不妨試試 Vite 6.0,它將助你構建更快速、更高質量的應用。





















