🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付

⚡️⚡️⚡️ 好消息,尤雨溪宣布即將發布 Vite 8 版本!完全由 Rolldown 提供支持🚀🚀🚀

Image

前言

好消息,就在今天,尤雨溪宣布即將發布 Vite 8 Beta 版本了!

往期精彩推薦

正文

PayFit 工程師推特

PayFit 前端工程師在推特上分享了將 rolldown_rs 集成到 vite 的複雜代碼庫的測試結果,測試結果顯示,構建時間從 2 分鐘(120 秒)降至 8 秒,提速 15 倍,僅需添加一個 polyfill 插件。

PayFit 的代碼庫包含 Astro(靜態站點生成)、Storybook(組件開發)、Vitest(瀏覽器和單元測試)以及多個 Vite 前端應用。

尤雨溪轉發了該推特,並宣布 Vite 8 將完全採用 Rolldown 作為預設捆綁器,Beta 版即將發布。

尤雨溪推特

這一轉變標誌著 Vite 從 esbuild 和 Rollup 的混合方案向統一的 Rust 驅動架構遷移。

對於即將發布的 Vite 8 版本,我們需要提前知道下面的一些特性:

全捆綁模式(Full Bundle Mode)

我上篇文章提到,Rolldown 的 Q4 計畫已實現從入口到依賴的完整捆綁流程,優化生產構建的模塊合併和樹搖效率。PayFit 案例驗證了其在複雜依賴圖中的可靠性。

懶加載與跨塊優化

Vite 8 將集成 Rolldown 的懶加載 barrel 文件優化和跨代碼塊優化(如共享模塊提取),預計減少 10-20% 的 bundle 體積,適合移動端和性能敏感場景。

Importmaps 集成

通過支持瀏覽器原生的 importmaps,Vite 8 簡化第三方庫的導入,減少捆綁複雜性,提升運行時性能。

TypeScript 優化

Rolldown 的 tsconfig 自動發現和常量列舉內聯優化將減少 TypeScript 項目的運行時開銷,PayFit 的 TS-heavy 項目從中受益匪淺。

模塊聯邦支持

Vite 8 將通過 Rolldown 實現模塊聯邦,動態加載遠程模塊,類似 Webpack 的 Module Federation,但性能更高,適合微前端架構。

最後

Vite 8 的 Beta 版將進一步穩定 Rolldown 的原生 Vite 插件支持!

今天的分享就這些了,感謝大家的閱讀,如果文章中存在錯誤的地方歡迎指正!

往期精彩推薦


原文出處:https://juejin.cn/post/7552827123933839414


精選技術文章翻譯,幫助開發者持續吸收新知。

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
🏆 本月排行榜
🥇
站長阿川
📝11   💬7   ❤️3
469
🥈
我愛JS
📝3   💬8   ❤️10
183
🥉
AppleLily
📝1   💬4   ❤️1
64
#4
💬1  
5
#5
xxuan
💬1  
3
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付