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)行，我們在對(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的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)懸浮球效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
vue中使用gantt-elastic實(shí)現(xiàn)可拖拽甘特圖的示例代碼
這篇文章主要介紹了vue中使用gantt-elastic實(shí)現(xiàn)可拖拽甘特圖,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07
VUE+Canvas實(shí)現(xiàn)財(cái)神爺接元寶小游戲
這篇文章主要介紹了VUE+Canvas實(shí)現(xiàn)財(cái)神爺接元寶小游戲,需要的朋友可以參考下本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2021-04-04
本篇文章主要介紹了Vue2.x的虛擬DOM diff原理，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
vue 點(diǎn)擊其他區(qū)域關(guān)閉自定義div操作
這篇文章主要介紹了vue 點(diǎn)擊其他區(qū)域關(guān)閉自定義div操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了vue?+?qiankun?項(xiàng)目搭建,首先是通過cli3構(gòu)建vue2項(xiàng)目，通過qiankun改造主應(yīng)用，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-03-03
VUE+elementui面包屑實(shí)現(xiàn)動(dòng)態(tài)路由詳解
今天小編就為大家分享一篇VUE+elementui面包屑實(shí)現(xiàn)動(dòng)態(tài)路由詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11
Pinia是Vue.js的輕量級(jí)狀態(tài)管理庫,比起vue3中的Vuex狀態(tài)管理,pinia更輕量,更容易使用,下面這篇文章主要給大家介紹了關(guān)于Vue3狀態(tài)管理之Pinia的入門使用教程,需要的朋友可以參考下2022-04-04
關(guān)于Vue3路由push跳轉(zhuǎn)問題(解決Vue2this.$router.push失效）
這篇文章主要介紹了Vue3路由push跳轉(zhuǎn)問題(解決Vue2this.$router.push失效）,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07
本文主要介紹了在VueRouter中,meta對(duì)象的使用和配置方式,meta對(duì)象可以包含任何你希望附加到路由的自定義信息,這些配置信息可以靈活的滿足你的應(yīng)用需求,使得路由配置更具靈活性和可擴(kuò)展性2024-10-10