vite前端構(gòu)建Turborepo高性能monorepo方案
引言
之前的一篇文章我選擇了go做前端的cli工具鏈,現(xiàn)在出現(xiàn)了新的項(xiàng)目構(gòu)建神器Turborepo用于Monorepo 方案.
什么是monorepo ?
Monorepo是一種項(xiàng)目管理方式，在Monorepo之前，代碼倉庫管理方式是 MultiRepo，即每個(gè)項(xiàng)目都對(duì)應(yīng)著一個(gè)單獨(dú)的代碼倉庫每個(gè)項(xiàng)目進(jìn)行分散管理 這就會(huì)導(dǎo)致許多弊端，例如可能每個(gè)項(xiàng)目的基建以及工具庫都是差不多的，基礎(chǔ)代碼的重復(fù)復(fù)用問題等等...
TurboRepo 是構(gòu)建Javascript，Typescript的monorepo高性能構(gòu)建系統(tǒng),Turborepo抽象出所有煩人的配置、腳本和工具，減少項(xiàng)目配置的復(fù)雜性，可以讓我們專注于業(yè)務(wù)的開發(fā)
Turbo支持多個(gè)任務(wù)的并行運(yùn)行，我們?cè)趯?duì)多個(gè)子包，編譯打包的過程中，turbo會(huì)同時(shí)進(jìn)行多個(gè)任務(wù)的處理
與以往的方案不一樣的時(shí)候,turbo不是使用并發(fā)的方式進(jìn)行構(gòu)建,是用了并行的方式.
如果我們的項(xiàng)目過大，構(gòu)建多個(gè)子包會(huì)造成時(shí)間和性能的浪費(fèi)，turborepo中的緩存機(jī)制 可以幫助我們記住構(gòu)建內(nèi)容 并且跳過已經(jīng)計(jì)算過的內(nèi)容，優(yōu)化打包效率。
Turbo通過其遠(yuǎn)程緩存功能可以幫助多人遠(yuǎn)程構(gòu)建云緩存實(shí)現(xiàn)了更快的構(gòu)建。
用配置文件定義任務(wù)之間的關(guān)系，然后讓Turborepo優(yōu)化構(gòu)建內(nèi)容和時(shí)間。
通過約定降低復(fù)雜性，只需幾行JSON 即可配置整個(gè)項(xiàng)目依賴，執(zhí)行腳本的順序結(jié)構(gòu)。
等等的新特性
試了一下,構(gòu)建的速度.四舍五入等于不用實(shí)踐
Turborepo
以上就是vite前端構(gòu)建Turborepo高性能monorepo方案的詳細(xì)內(nèi)容，更多關(guān)于vite Turborepo高性能monorepo的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
contenteditable 屬性為網(wǎng)頁開發(fā)者提供了一種靈活的方式來創(chuàng)建可編輯的內(nèi)容區(qū)域,使用戶可以直接在網(wǎng)頁上進(jìn)行內(nèi)容編輯,而無需依賴傳統(tǒng)的輸入框,本文將利用contenteditable打造定制化輸入,感興趣的可以了解下2023-12-12
這篇文章主要介紹了Vue中slot的使用詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
本篇文章主要介紹了Vue.use自定義自己的全局組件，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要給大家介紹了關(guān)于Vue組件化常用方法之組件傳值與通信的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問的操作
這篇文章主要介紹了vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-10-10
這篇文章主要介紹了vue組件是如何解析及渲染的？，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2021-01-01
這篇文章主要介紹了為什么推薦使用JSX開發(fā)Vue3，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
vue中axios的get請(qǐng)求和post請(qǐng)求的傳參方式、攔截器示例代碼
Post是向服務(wù)器提交數(shù)據(jù)的一種請(qǐng)求,get是向服務(wù)器發(fā)索取數(shù)據(jù)的一種請(qǐng)求,post在真正接受數(shù)據(jù)之前會(huì)先將請(qǐng)求頭發(fā)送給服務(wù)器進(jìn)行確認(rèn),然后才真正發(fā)送數(shù)據(jù),本文給大家介紹vue中axios的get請(qǐng)求和post請(qǐng)求的傳參方式、攔截器示例代碼,感興趣的朋友一起看看吧2023-10-10
這篇文章主要帶大家從源碼分析一下Vue3中的組件掛載的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,感興趣的小伙伴可以跟隨小編一起了解一下2023-09-09
Vue監(jiān)聽localstorage變化的方法詳解
在日常開發(fā)中,我們經(jīng)常使用localStorage來存儲(chǔ)一些變量,這些變量會(huì)存儲(chǔ)在瀏覽中,對(duì)于localStorage來說,即使關(guān)閉瀏覽器,這些變量依然存儲(chǔ)著,方便我們開發(fā)的時(shí)候在別的地方使用,本文就給大家介紹Vue如何監(jiān)聽localstorage的變化,需要的朋友可以參考下2023-10-10