3 月 8 號，Rolldown^{[1] 正式開源了，它是一個基于 Rust[2] 語言開發(fā)的 JavaScript 打包器，其設計目標是成為 Vite 在未來將要采用的核心打包工具。它不僅提供了與 Rollup 兼容的 API 和插件體系，而且在功能范圍上，它更加貼近于 esbuild[3] 的設計理念。}

圖片

Rolldown 基于 Rust 語言開發(fā)，并且是在 Oxc^[4] 基礎架構上構建的。目前，Rolldown 內部已經(jīng)在使用 Oxc 提供的 parser 和 resolver。未來，隨著 Oxc 轉換和壓縮功能的推出，它們也會被整合到 Rolldown 中。

圖片

為什么設計 Rolldown

Rolldown 設計初衷是作為 Vite 未來采用的底層打包工具。

目前，Vite 在內部整合了兩款打包工具：

• esbuild，由 Evan Wallace 開發(fā)。Vite 利用 esbuild 完成依賴的預打包、TypeScript / JSX 的轉換、代碼的降級處理以及代碼壓縮。
• Rollup，由 Rich Harris 創(chuàng)立，并由 Lukas Taegert-Atkinson 維護。Vite 在其生產環(huán)境構建中使用 Rollup，并且支持與 Rollup 兼容的插件接口。

之所以同時采用這兩種打包工具，是因為雖然它們各有卓越之處，但同時也各自缺乏對方所具備的某些功能：

• esbuild 的執(zhí)行速度極快，功能全面，但其打包輸出，尤其是在代碼分割方面，對于應用打包而言并不盡如人意。
• Rollup 在應用打包方面經(jīng)過了嚴格的實戰(zhàn)檢驗，成熟穩(wěn)定，但相比于編譯為原生語言的打包工具，它的速度要慢得多。

不得不依賴兩套打包工具存在以下幾個不理想的地方：

• 不同工具輸出之間的微小差異，可能會導致開發(fā)環(huán)境與生產環(huán)境構建的行為表現(xiàn)不一致。
• 在生產環(huán)境構建過程中，用戶源代碼需要被多個工具反復進行解析、轉換和序列化，這導致了大量不必要的開銷。

我們理想中的情景是，Vite 能夠使用一種單一的打包工具，這款工具不僅能提供近乎原生的性能，還能內置轉換功能以減少解析和序列化的開銷，同時，它還需要有與 Rollup 兼容的插件接口，并且能提供適合大型應用的先進構建輸出控制功能。

Rolldown vs Rollup

Rolldown 力圖在最大程度上與 Rollup 的 API 和插件體系保持兼容，以簡化用戶的遷移過程。對于一些基礎應用場景來說，Rolldown 有望直接替代現(xiàn)有工具。然而，在處理一些特殊情況，特別是在涉及到復雜配置時，可能會遇到輕微的差異。

最初，Rolldown 開發(fā)團隊計劃將 JavaScript 代碼轉換為 Rust 實現(xiàn)，但很快他們發(fā)現(xiàn)，要想充分發(fā)揮 Rust 的性能優(yōu)勢，就必須按照 Rust 的特性來編寫代碼。因此，Rolldown 的內部架構更偏向 esbuild 而非 Rollup，并且我們在代碼塊分割的邏輯處理上，也會與 Rollup 存在差異。

與此同時，Rolldown 涵蓋的功能比 Rollup 更為廣泛，與 esbuild 更為相似。它內部支持 CommonJS 規(guī)范、node_modules 的解析，并且計劃在未來增加對 TypeScript/JSX 的轉換以及代碼壓縮的支持。

Rolldown Roadmap

Rolldown 目前正處于積極開發(fā)階段，還未適用于生產環(huán)境。Rolldown 開發(fā)團隊選擇開放源代碼，以便開始與社區(qū)貢獻者合作，推動 Rolldown 的發(fā)展。

圖片

為了追求速度和更好地開發(fā)體驗，在前端基建領域，越來越多工具采用 Rust 來構建。不過 Rust 學習成本挺高的，2024 年 Rust 你還學得動么？如果你已經(jīng)上手 Rust，可以一起參與 Rolldown 開源項目。

參考資料

[1]Rolldown: https://rolldown.rs/

[2]Rust: https://www.rust-lang.org/

[3]esbuild: https://esbuild.github.io/

[4]Oxc: https://oxc-project.github.io/