英語 |葡萄牙語 | 簡體中文
Rsbuild 是一款由 Rspack 提供支援的高效能建構工具。它提供了一組精心設計的預設建置配置,提供開箱即用的開發體驗,並且可以充分釋放 Rspack 的效能優勢。
Rsbuild 提供了豐富的建置功能,包括 TypeScript、JSX、Sass、Less、CSS Modules、Wasm 等的編譯。它還支援模組聯合、圖像壓縮、類型檢查、PostCSS、Lightning CSS 等。
Rsbuild 是一個與 Vite、Create React App 或 Vue CLI 同等的建置工具。它們都配備內建開發伺服器、命令列工具和合理的建置配置,以提供開箱即用的體驗。
您可以將 Rsbuild 視為 Create React App 或 Vue CLI 的現代化版本,具有以下主要區別:
底層捆綁器從 Webpack 切換為 Rspack,提供 5 到 10 倍的建置效能。
它與前端 UI 框架解耦,透過插件支援所有 UI 框架,包括 React、Vue、Svelte、Solid 等。
它提供了更好的可擴展性。您可以透過配置、插件 API 和 JavaScript API 靈活擴展 Rsbuild。
Rsbuild 與 Vite 有許多相似之處,都是為了改善前端開發體驗。主要區別是:
生態系統相容性:Rsbuild 與大多數 webpack 插件和所有 Rspack 插件相容,而 Vite 與 Rollup 插件相容。如果您目前正在使用 webpack 生態系統中的更多插件和載入器,那麼遷移到 Rsbuild 將相對容易。
生產一致性:Rsbuild 在開發和生產建造期間使用 Rspack 進行捆綁,從而確保開發和生產產出之間的高度一致性。這也是 Vite 透過 Rolldown 想要實現的目標之一。
Module Federation :Rsbuild 團隊與 Module Federation 開發團隊緊密合作,為 Module Federation 提供一流的支持,幫助您開發具有微前端架構的大型 Web 應用程式。
Rsbuild 可以充分利用 Rspack 的建造性能。以下是建立 1000 個 React 元件所需的時間:
以上數據來自效能比較基準。
Rsbuild有以下特點:
易於配置:Rsbuild 的目標之一是為 Rspack 用戶提供開箱即用的建置功能,允許開發人員以零配置啟動 Web 專案。此外,Rsbuild 提供語義建構配置,以減少 Rspack 配置的學習曲線。
效能導向:Rsbuild 整合了社群中基於 Rust 的高效能工具,包括 Rspack、SWC 和 Lightning CSS,以提供一流的建置速度和開發體驗。
插件生態系統:Rsbuild擁有輕量級的插件系統,包含一系列高品質的官方插件。此外,Rsbuild 與大多數 webpack 插件和所有 Rspack 插件相容,允許用戶利用 Rsbuild 中現有的社群或內部插件,而無需重寫程式碼。
穩定的工件:Rsbuild 的設計非常注重建造工件的穩定性。它確保開發和生產建置中的工件之間的高度一致性,並自動完成語法降級和polyfill注入。 Rsbuild 還提供用於類型檢查和工件語法驗證的插件,以防止生產程式碼中的品質和相容性問題。
與框架無關:Rsbuild 不與任何前端 UI 框架耦合。它透過插件支援 React、Vue、Svelte、Solid 和 Preact 等框架,並計劃在未來支援更多來自社群的 UI 框架。
Rsbuild 為更高階的框架和工具提供 JavaScript API 和外掛程式 API。例如,我們基於Rsbuild實作了Rspress和Rslib,充分利用了它的能力和生態系統。
下圖說明了 Rsbuild 與生態系中其他工具之間的關係:
要開始使用 Rsbuild,請參閱快速入門。
Rspack:一個基於 Rust 的快速 Web 捆綁器。
Rspress:基於 Rsbuild 的快速靜態網站產生器。
Rsdoctor:Rspack 和 webpack 的一站式建置分析器。
Rslib:由 Rsbuild 提供支援的函式庫建置工具。
Modern.js:基於 Rsbuild 的漸進式 React 框架。
Awesome-rspack:與 Rspack 和 Rsbuild 相關的精彩內容的精選清單。
rspack-examples:Rspack、Rsbuild、Rspress 和 Rsdoctor 的範例。
Storybook-rsbuild:由 Rsbuild 提供支援的 Storybook 產生器。
rsbuild-plugin-template:使用此範本建立您自己的 Rsbuild 插件。
rstack-design-resources:Rspack、Rsbuild、Rspress 和 Rsdoctor 的設計資源。
歡迎新貢獻者!
請閱讀貢獻指南。
本倉儲採用了位元組跳動開源行為準則。請查看行為準則以了解更多詳情。
快來 Discord 上與我們聊聊吧! Rspack / Rsbuild 團隊和用戶在那裡很活躍,我們一直在尋找貢獻。
Rsbuild 使用 Web Infra QoS 來觀察關鍵指標的趨勢,例如捆綁包大小、編譯速度和安裝大小。
Rsbuild 的一些實現從社區中的優秀項目中汲取了靈感。我們謹向他們表達感謝:
部分插件的實作參考了create-react-app。
一些實用函數引用自 html-webpack-plugin。
部分API的設計參考了vite。
此 Rsbuild 網站由 Netlify 提供支援。
Rsbuild 根據 MIT 許可證獲得許可。