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

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

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

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

圖片

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

圖片

為什么設(shè)計 Rolldown

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

目前，Vite 在內(nèi)部整合了兩款打包工具：

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

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

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

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

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

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

Rolldown vs Rollup

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

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

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