每日熱訊!字節(jié)跳動發(fā)布自研 Web 構建工具 Rspack

發(fā)布時間:2023-03-11 07:48:54  |  來源:騰訊網(wǎng)  

作者 | Rspack Team??

Rspack 是由 ByteDance Web Infra 團隊孵化的基于 Rust 語言開發(fā)的 Web 構建工具,擁有高性能、兼容 Webpack 生態(tài)、定制性強等多種優(yōu)點,解決了我們在業(yè)務場景中遇到的非常多的問題,讓很多開發(fā)者的體驗有了質的提升。


(資料圖片)

倉庫地址:https://github.com/web-infra-dev/rspack

Quick Start:https://rspack.dev/guide/quick-start.html

官網(wǎng):https://rspack.dev

為什么要做 Rspack ?

字節(jié)跳動內部存在非常多的大型前端應用,它們有著非常復雜的構建配置,十幾分鐘甚至半小時的構建耗時,我們嘗試了多種方法去優(yōu)化這些項目的編譯速度,但是社區(qū)內存在的方案都或多或少存在一些問題,在對這些問題總結后,我們理解到工程師對構建工具的訴求是:

良好的 Dev 啟動性能,

npm run dev

是開發(fā)者每天需要運行很多次的命令,大型項目每次都需要等待 10 分鐘,這對于工程師來說是非常痛苦的,所以優(yōu)化 dev start 的時間是非常重要的;

良好的 Build 性能,

npm run build

是在 CI/CD 環(huán)境中經常運行的指令,他決定了應用生產交付的效率,在生產環(huán)境中有些應用經常需要 20 ~ 30 分鐘的構建時間,如果能縮短這里的耗時對開發(fā)鏈路也會非常有幫助;

足夠靈活的配置,用戶工程的配置靈活多變,并沒有做到完全的統(tǒng)一,在之前嘗試將 Webpack 配置遷移到其他構建工具的過程中我們就遇到了非常多的問題,他們的配置都很難達到 Webpack 的靈活程度;

生產環(huán)境的產物優(yōu)化能力,在啟動 Rspack 之前,我們實踐了社區(qū)內的各種方案,但是他們都面臨了生產環(huán)境一定程度負優(yōu)化的情況,例如拆包拆的不夠精細等等。所以生產環(huán)境產物優(yōu)化是我們不可舍棄的功能點。

在明確這四點之后,我們調研了社區(qū)內的所有技術方案,發(fā)現(xiàn)并沒有完全滿足我們需求的,所以我們決定自研 Rspack。

目前 Rspack 是什么階段

到今天為止 Rspack 已經開發(fā) 11 個月左右的時間了,雖然還處于比較早期的階段,但是在我們驗證中, Rspack 可以給項目帶來 5 ~ 10 倍的編譯效率提升,并且隨著我們內置了越來越多的常見 features,性能也在逐步的提升中。

目前 Rspack 已經完成了 Webpack Loader 架構的支持,你可以在 Rspack 中使用很多你之前見到的 Loader,如 babel-loader、less-loader、svgr 等等。我們長期的目標是完整支持 Loader,未來可以直接在 Rspack 中使用社區(qū)內的 vue-loader。

當下 Rspack 對緩存的支持還比較簡單,只有內存級別的緩存,未來我們會建設更強的緩存能力,包括可以寫入硬盤的緩存,并且我們會把緩存做到可以跨設備共享和遷移,提升大型應用的緩存復用率。

Rspack 作為一個較為底層的基礎設施,需要通過和社區(qū)內的各種上層框架結合才能在開發(fā)中獲得發(fā)揮作用,目前 Rspack 已經接入了字節(jié)內的各種研發(fā)框架,外部的合作將逐漸開始,現(xiàn)已與 webpack 建立正式合作關系。

未來計劃

完善基礎能力

Rspack 雖然目前提供的能力能夠滿足大多數(shù)的項目使用,但是相比 Webpack 提供的豐富能力仍然相差很多,我們在未來會根據(jù)社區(qū)反饋,豐富 Rspack 的基礎能力,滿足更多的構建場景需求。

Rspack 作為一個底層依賴解決了我們自己在工作中遇到的很多問題,相信他也可以解決社區(qū)的問題。我們非常愿意給社區(qū)內的框架團隊一些支持,讓大家發(fā)揮出來 Rspack 真正的性能優(yōu)勢。

提升插件能力

目前 Rspack 已經基本支持了 Loader API,和較少的 Webpack Plugin API,有很多 API 因為會產生較大的性能問題影響,所以我們暫時沒有暴露,我們同時也在探索更高性能的插件通信方案,另外一部分 API 是因為我們精力問題暫時沒有完成,歡迎大家 PR。在未來,我們會考慮提供高性能的動態(tài)插件方案,這些插件可以在提供自由定制的功能的同時,帶給開發(fā)者更好的開發(fā)體驗。

持續(xù)提升性能

目前 Rspack 是以性能為核心賣點的項目,所以在未來我們會做很多的事情以保持這個特性,如完善性能觀測實驗室,做好性能防劣化的工作;在更多的場景中使用并發(fā)/多核友好的算法;研發(fā)可跨平臺共享的緩存體系;優(yōu)化內存占用等等。

建設質量保障體系

在保障性能的同時,我們也會努力去保障 Rspack 的質量,Webpack 已經積累了非常豐富的測試用例,未來 Rspack 會復用 Webpack 已有的測試用例來完善自己的邏輯。建設更加完善的 CI 體系,和社區(qū)項目共建 Ecosystem CI 體系,保障項目升級不對上游的項目造成break,保障項目長期健康,并且在測試覆蓋率上保障長期上升。

根據(jù)我們過去使用 Webpack 的經驗,升級構建工具是一件耗時耗力的操作,我們也要請大家?guī)椭覀冐暙I更多的測試用例,Rspack 會在迭代中盡量保持兼容。

關鍵詞:

 

網(wǎng)站介紹  |  版權說明  |  聯(lián)系我們  |  網(wǎng)站地圖 

星際派備案號:京ICP備2022016840號-16 營業(yè)執(zhí)照公示信息版權所有 郵箱聯(lián)系:920 891 263@qq.com