當前位置: 妍妍網 > 碼農

Vue 團隊正式開源 Rolldown:基於 Rust 的超快 JavaScrip 打包工具!

2024-03-09碼農

3 月 8 日,Vue 團隊正式開源了其對外公布已久的打包工具: Rolldown ,它是使用 Rust 開發的 Rollup 替代品,提供了與 Rollup 相容的 API 和外掛程式介面,但在功能範圍上將更接近 Esbuild。本文就來詳細了解一下 Rolldown 背後的故事!

都有 Rollup 了,為什麽還需要 Rolldown?

Rolldown 旨在成為 Vite 未來使用的核心底層打包工具,與常見的開箱即用的構建工具(如Webpack、Vite等)不同,它更加專註於底層的打包邏輯和核心功能,以滿足 Vite 對於高效打包的特定需求。

目前,Vite 的底層使用了兩個打包工具:
  • Esbuild :Esbuild 是一款高效能的 JavaScript 打包器,專註於實作極速的構建過程。它支持多種模組型別、語法轉換和外掛程式擴充套件,且無需緩存即可迅速完成打包任務。在 Vite 中,Esbuild 被用於依賴預打包、TypeScript和JSX轉換、目標降級以及程式碼壓縮。

  • Rollup :Rollup 是一個JavaScript模組打包器,能夠編譯小塊程式碼成復雜的大型程式碼塊,特別支持ES6模組。它支持 Tree Shaking,有效去除未使用的程式碼,減少最終檔大小。在 Vite 中,Rollup 被用於生產構建,並支持一個與Rollup 相容的外掛程式介面。

  • Vite 之所以采用兩個不同的打包工具,是因為雖然 Esbuild 速度卓越且功能豐富,但其在程式碼塊拆分方面的局限使其不適用於套用打包;而 Rollup 雖在套用打包方面成熟可靠,但效能卻不及原生編譯工具。兩者各有優勢,功能互補,因此 Vite 需要結合使用以滿足不同需求。

    然而,使用兩個不同的打包工具存在明顯弊端:它們之間的輸出差異可能導致開發環境與生產環境行為的不一致,同時,使用者程式碼在生產構建過程中會被多次解析、轉換和序列化,從而增加了不必要的效能開銷。

    因此,希望 Vite 能夠整合一個單一的、效能卓越的打包工具,既能減少解析和序列化開銷,又能與 Rollup 外掛程式生態相容,並具備出色的大型套用構建輸出控制能力。所以,Rolldown 就誕生了!

    正是在這個背景下,Rolldown 應運而生!

    Rolldown 的未來

    Rolldown 使用 Rust 編寫,並且使用了 Oxc 中的工具。Oxc 是字節跳動出品的一個用 Rust 編寫的 JavaScript 高效能工具集合,該計畫的重點在於構建 JavaScript 的基本編譯器工具: 解析器、linter、格式化程式、轉譯器、壓縮器 解析引擎 。此外,OXC 還為 Rspack、Rolldown 和 Ezno 等新興 JavaScript 工具提供支持。

    目前,Rolldown 主要依賴其高效的解析器和解析引擎進行工作。未來,一旦 Oxc 的轉換器和壓縮器可用,Rolldown 也將計劃整合它們,Rolldown 也將直接作為獨立的打包使用。

    當 Rolldown 發展至成熟階段時,它將能夠直接取代 Esbuild 和 Rollup,這樣將減少了對外部工具的依賴,為未來的功能擴充套件提供更大的便利和靈活性。

    註意 :目前 Rolldown 仍處於積極研發階段,尚未達到生產環境的使用標準。

    小結

    Rolldown 可能是未來 5-10 年最具影響力的前端計畫之一。

    目前,Rollup 已成為業內領先的打包工具,其開創了 Tree Shaking 的概念。當 Vite 橫空出世,它亦以Rollup 為構建核心,成為多個主流框架的首選構建工具。Rollup 已經從單純的庫打包工具,演變為現代前端開發的核心支柱。

    然而,隨著前端開發規模的擴張,Rollup 的效能瓶頸逐漸顯現。盡管 Esbuild 等使用 Go 編寫的原生打包工具速度飛快,但它們與 Rollup 並不相容,且存在諸多局限,如缺乏 TypeScript 支持、 Tree Shaking限制等。Vite 試圖結合 Esbuild 與 Rollup 以獲得兩全其美的效果,但解析問題卻成為新的挑戰。每個構建工具都需要生成自己的 AST 樹,且眾多 Rollup/Vite 外掛程式也重復進行解析,這無疑造成了資源浪費。

    Rolldown 計畫應運而生,旨在解決這些問題。它采用 Rust 語言編寫,這一語言以高效著稱,甚至在某些場景下超越了 Go 的效能。更重要的是,Rolldown 力求與 Rollup API 保持相容,這將是一個巨大的突破。一旦成功,Vite 等框架可以無縫切換到 Rolldown,帶來顯著的效能提升。

    更值得一提的是,Rolldown 還致力於實作單一解析的標準化。由於 Vite 的廣泛套用和 Rolldown 采用 OXC 進行解析,我們有望看到一個以單一解析和 AST 樹標準化為核心的新時代。這將為開發環境和構建時間帶來前所未有的效能飛躍。

    展望未來,若 Rolldown 能夠成功實作這些目標,它將成為轉換每一個程式碼字節的關鍵引擎,無論開發者選擇何哪個框架。Rolldown 的出現,無疑將為前端開發領域帶來一場深刻的變革。

    相關連結

  • Rolldown 官網: https://rolldown.rs/

  • Rolldown GitHub 倉庫: https://github.com/rolldown-rs/rolldown

  • 往期推薦