Vite 未來使用的打包工具，正式開源了！

作者：阿寶哥 2024-03-11 00:02:00

Rolldown 力圖在最大程度上與 Rollup 的 API 和插件體系保持兼容，以簡化用戶的遷移過程。對于一些基礎應用場景來說，Rolldown 有望直接替代現有工具。

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

圖片

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

圖片

為什么設計 Rolldown

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

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

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

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

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

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

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

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

Rolldown vs Rollup

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

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

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