從 1.2 秒到 0.49 秒：Rslib 1.0 的性能帳，算的是前端工具鏈的替代成本

2026 年 9 月 3 日，字節跳動 Web Infra 團隊在掘金發布 Rslib 1.0 正式版。一個庫構建工具的版本號推進，本身談不上熱點，但這次發布附帶了一組完整的基準數據：在一個包含 1 萬個 React 組件的基準專案中，相較 0.7.0 版本，Rslib 1.0 的無快取生產構建耗時從 1.212 秒降至 0.918 秒，減少約 24.3%；有快取構建從 1.125 秒降至 0.487 秒，減少約 56.7%；產物體積在 Gzip 前從 7.64 MiB 降至 5.19 MiB，減少約 32.2%，Gzip 後從 1.40 MiB 降至 1.35 MiB，約 4.1%。

這組數字值得停下來看，原因是它把「工具升級」變成了一筆可以核算的成本帳。

結構拆解：Rslib 在解決什麼問題

Rslib 定位為基於 Rsbuild 的庫開發工具，覆蓋工具庫、UI 組件庫、CLI 到 Agent 應用等場景。傳統上，開發一個要發布到 npm 的 JavaScript 庫，需要在 tsup、Rollup、esbuild、Vite 的 library mode 等多個方案之間做選擇，再自行拼接 TypeScript 類型生成、框架語法轉換與靜態資源處理。這種拼接式的構建流程，維護成本落在每個庫的維護者身上。

Rslib 的切入點是複用：可以調用 Rsbuild 插件，以及 Rspack 和 webpack 生態中的插件與 loader。當應用側已經採用 Rsbuild 或 Rspack 時，應用與庫之間可以共享配置與工程經驗。這在單一組織內部的價值尤其明確，字節跳動自身的業務矩陣就是最直接的受益場景。

第二個差異化能力是模組聯邦（Module Federation）產物輸出。除了 ESM、CJS、UMD、IIFE 等常見格式，Rslib 可以把庫構建為遠端模組，供多個應用在執行時載入，實現獨立部署與更新，並提供支援 HMR 的開發模式與宿主應用或 Storybook 聯調。多數同類工具的交付假設是 npm 包，這是 Rslib 少數明確超出該假設的地方。

第三個環節是類型生成。發布中給出的對照數據顯示，以 Rsbuild 倉庫為例，TypeScript 6 方案生成類型宣告耗時 9.7 秒，TypeScript 7 為 4.1 秒，約 2.4 倍提升；採用 Isolated Declarations 則為 2.3 秒，約 4.2 倍。開發者工具的時間帳向來難以直接換算成金錢，但在大型 monorepo 裡，類型生成與構建是在 CI 流水線上反覆執行的項目，秒級的差異乘以每日執行次數與工程師人數，就是可觀的邊際成本差。

替代曲線：從 0.7 到 1.0 之間隔著 16 個 minor 版本

把時間軸拉長看，Rslib 從 0.7 正式對外發布到 1.0，中間經歷了 16 個 minor 版本。這個節奏本身是訊號：1.0 的意義在於承諾穩定的公開 API 並遵循語義化版本規範。對工具採用者而言，API 穩定性是遷移決策的前提條件，一個仍在頻繁調整配置結構的工具，遷移成本無法被折舊攤提。

前端工具的替代歷史提供對照。webpack 到 Vite 的遷移花了數年才覆蓋主流新建專案；更原生的標準如 Web Components，推了十餘年採用率仍有限，我們先前在Web Components 十三年推不動的替代帳中拆解過，替代的速度往往取決於既有生態的沉沒成本，而非新工具的性能優勢本身。Rslib 的處境相對有利，因為它走的是相容路線：Rspack 與 webpack 生態的插件可以直接複用，遷移者不必清空既有資產。這與 Bun 試圖替代 Node.js 時面對的生態遷移帳是不同量級的挑戰，後者我們在Bun 與 Node.js 之間的生態遷移帳中有過分析。

性能數據的解讀也需要基準。1 萬個 React 組件的基準專案屬於大型組件庫規模，多數開源庫的代碼量遠小於此，構建耗時從 1.2 秒降到 0.9 秒的絕對收益，在小專案上可能被感知為零。真正的受益者是維護大型組件庫與多格式產物輸出的團隊，例如同時要輸出 ESM、CJS、UMD 並處理 Web Worker 與 Wasm 場景的專案。Gzip 前 32.2% 的體積削減對下遊依賴該庫的應用是遞延收益，Gzip 後僅 4.1% 則提醒讀者，最終影響傳輸量的數字比原始產物數字小一個量級。

影響推演：誰受惠，誰承壓

受益方首先是大規模採用 Rspack 體系的組織。應用與庫共享配置降低了工程團隊的認知與維護開銷，這筆帳不容易出現在財報上，但會體現在基礎設施團隊的人力配置上。其次是模組聯邦的使用者，獨立部署遠端模組的能力對多團隊共構的大型前端架構有實際價值。

承壓方是功能重疊的獨立工具。tsup 與 Vite library mode 在簡單場景下仍夠用，但在多框架組件庫支援、TypeScript 7 類型生成、模組聯邦輸出這幾個欄位上，Rslib 拉開了功能覆蓋面的差距。工具市場的競爭不以直接營收結算，而以採用率與生態綁定深度定價；一旦庫作者遷移，下遊依賴鏈會放大鎖定效果。

值得留意的第三層是 Agent 場景。Rslib 提供了 Agent Skills，為 Coding Agent 注入工具相關的最佳實踐。當程式碼生產端加速向 AI 遷移，開發者工具的文檔與可被機器讀取的知識結構，正在成為工具採用的隱性變數，這與我們在百度前端面經中觀察到的工程師技能重定價是同一條曲線上的兩個點。

收束判斷

Rslib 1.0 的核心賣點可以壓縮成一句：把庫構建從拼接式流程變成單一工具的一次性流程，並用相容既有生態的方式壓低遷移成本。性能數據是真實的，但適用範圍有明確邊界，基準專案的規模決定了收益的感知門檻。1.0 之後的觀察點有兩個：一是穩定 API 承諾能否兌現為企業級採用，二是模組聯邦產物能否從大型架構的專屬能力下沉為通用需求。在這兩點被驗證之前，這仍是一筆主要結算給 Rspack 既有用戶的帳。