欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

前端工程Monorepo項(xiàng)目管理方式

 更新時(shí)間:2022年07月09日 11:17:44   作者:神三元  
這篇文章主要介紹了現(xiàn)代前端越來越離不開的項(xiàng)目管理方式Monorepo的概念、MultiRepo的弊端、Monorepo的收益以及Monorepo的落地這幾個(gè)角度來認(rèn)識(shí)和學(xué)習(xí)Monorepo

什么是 Monorepo?

隨著前端工程日益復(fù)雜,某些業(yè)務(wù)或者工具庫通常涉及到很多個(gè)倉庫,那么時(shí)間一長,多個(gè)倉庫開發(fā)弊端日益顯露,由此出現(xiàn)了一種新的項(xiàng)目管理方式——Monorepo。本文主要以 Monorepo 的概念MultiRepo的弊端、Monorepo 的收益以及Monorepo 的落地這幾個(gè)角度來認(rèn)識(shí)和學(xué)習(xí)一下 Monorepo,文末會(huì)有思考題,歡迎大家來踴躍討論。

Monorepo 其實(shí)不是一個(gè)新的概念,在軟件工程領(lǐng)域,它已經(jīng)有著十多年的歷史了。概念上很好理解,就是把多個(gè)項(xiàng)目放在一個(gè)倉庫里面,相對(duì)立的是傳統(tǒng)的 MultiRepo 模式,即每個(gè)項(xiàng)目對(duì)應(yīng)一個(gè)單獨(dú)的倉庫來分散管理。

現(xiàn)代的前端工程已經(jīng)越來越離不開 Monorepo 了,無論是業(yè)務(wù)代碼還是工具庫,越來越多的項(xiàng)目已經(jīng)采用 Monorepo 的方式來進(jìn)行開發(fā)。Google 寧愿把所有的代碼都放在一個(gè) Monorepo 工程下面,Vue 3、Yarn、Npm7 等等知名開源項(xiàng)目的源碼也是采用 Monorepo 的方式來進(jìn)行管理的。

一般 Monorepo 的目錄如下所示,在 packages 存放多個(gè)子項(xiàng)目,并且每個(gè)子項(xiàng)目都有自己的package.json:

├── packages
|   ├── pkg1
|   |   ├── package.json
|   ├── pkg2
|   |   ├── package.json
├── package.json

那 Monorepo 究竟有什么魔力,讓大家如此推崇,落地如此之廣呢?

MultiRepo 之痛

要想知道 Monorepo 的優(yōu)勢(shì),首先得弄清楚之前的開發(fā)方式有什么痛點(diǎn)。

之前傳統(tǒng)的方式MultiRepo當(dāng)中,每個(gè)項(xiàng)目都對(duì)應(yīng)單獨(dú)的一個(gè)代碼倉庫。我之前也是用這種方式開發(fā)的,是真真切切地感受到了這種方式帶來的諸多弊端?,F(xiàn)在就和大家一一分享一下。

1.代碼復(fù)用

在維護(hù)多個(gè)項(xiàng)目的時(shí)候,有一些邏輯很有可能會(huì)被多次用到,比如一些基礎(chǔ)的組件、工具函數(shù),或者一些配置,你可能會(huì)想: 要不把代碼直接 copy 過來,多省事兒!但有個(gè)問題是,如果這些代碼出現(xiàn) bug、或者需要做一些調(diào)整的時(shí)候,就得修改多份,維護(hù)成本越來越高。

那如何來解決這個(gè)問題呢?比較好的方式是將公共的邏輯代碼抽取出來,作為一個(gè) npm 包進(jìn)行發(fā)布,一旦需要改動(dòng),只需要改動(dòng)一份代碼,然后 publish 就行了。

但這真的就完美解決了么?我舉個(gè)例子,比如你引入了 1.1.0 版本的 A 包,某個(gè)工具函數(shù)出現(xiàn)問題了,你需要做這些事情:

  • 去修改一個(gè)工具函數(shù)的代碼
  • 發(fā)布1.1.1版本的新包
  • 項(xiàng)目中安裝新版本的 A。

可能只是改了一行代碼,需要走這么多流程。然而開發(fā)階段是很難保證不出 bug 的,如果有個(gè)按鈕需要改個(gè)樣式,又需要把上面的流程重新走一遍......停下來想想,這些重復(fù)的步驟真的是必須的嗎?我們只是想復(fù)用一下代碼,為什么每次修改代碼都這么復(fù)雜?

上述的問題其實(shí)是 MultiRepo普遍存在的問題,因?yàn)椴煌膫}庫工作區(qū)的割裂,導(dǎo)致復(fù)用代碼的成本很高,開發(fā)調(diào)試的流程繁瑣,甚至在基礎(chǔ)庫頻繁改動(dòng)的情況下讓人感到很抓狂,體驗(yàn)很差。

2.版本管理

在 MultiRepo 的開發(fā)方式下,依賴包的版本管理有時(shí)候是一個(gè)特別玄學(xué)的問題。比如說剛開始一個(gè)工具包版本是 v1.0.0,有諸多項(xiàng)目都依賴于這個(gè)工具包,但在某個(gè)時(shí)刻,這個(gè)工具包發(fā)了一個(gè) break change 版本,和原來版本的 API 完全不兼容。而事實(shí)上有些項(xiàng)目并沒有升級(jí)這個(gè)依賴,導(dǎo)致一些莫名的報(bào)錯(cuò)。

當(dāng)項(xiàng)目多了之后,很容易出現(xiàn)這種依賴更新不及時(shí)的情況。這又是一個(gè)痛點(diǎn)。

3.項(xiàng)目基建

由于在 MultiRepo 當(dāng)中,各個(gè)項(xiàng)目的工作流是割裂的,因此每個(gè)項(xiàng)目需要單獨(dú)配置開發(fā)環(huán)境、配置 CI 流程、配置部署發(fā)布流程等等,甚至每個(gè)項(xiàng)目都有自己單獨(dú)的一套腳手架工具。

其實(shí),很容易發(fā)現(xiàn)這些項(xiàng)目里的很多基建的邏輯都是重復(fù)的,如果是 10 個(gè)項(xiàng)目,就需要維護(hù) 10 份基建的流程,邏輯重復(fù)不說,各個(gè)項(xiàng)目間存在構(gòu)建、部署和發(fā)布的規(guī)范不能統(tǒng)一的情況,這樣維護(hù)起來就更加麻煩了。

Monorepo 的收益

說清楚 MultiRepo 的痛點(diǎn)之后,相信你也大概能理解為什么要誕生Monorepo這個(gè)技術(shù)了。現(xiàn)在就來細(xì)致地分析一下Monorepo到底給現(xiàn)代的前端工程帶來了哪些收益。

首先是工作流的一致性,由于所有的項(xiàng)目放在一個(gè)倉庫當(dāng)中,復(fù)用起來非常方便,如果有依賴的代碼變動(dòng),那么用到這個(gè)依賴的項(xiàng)目當(dāng)中會(huì)立馬感知到。并且所有的項(xiàng)目都是使用最新的代碼,不會(huì)產(chǎn)生其它項(xiàng)目版本更新不及時(shí)的情況。

其次是項(xiàng)目基建成本的降低,所有項(xiàng)目復(fù)用一套標(biāo)準(zhǔn)的工具和規(guī)范,無需切換開發(fā)環(huán)境,如果有新的項(xiàng)目接入,也可以直接復(fù)用已有的基建流程,比如 CI 流程、構(gòu)建和發(fā)布流程。這樣只需要很少的人來維護(hù)所有項(xiàng)目的基建,維護(hù)成本也大大減低。

再者,團(tuán)隊(duì)協(xié)作也更加容易,一方面大家都在一個(gè)倉庫開發(fā),能夠方便地共享和復(fù)用代碼,方便檢索項(xiàng)目源碼,另一方面,git commit 的歷史記錄也支持以功能為單位進(jìn)行提交,之前對(duì)于某個(gè)功能的提交,需要改好幾個(gè)倉庫,提交多個(gè) commit,現(xiàn)在只需要提交一次,簡化了 commit 記錄,方便協(xié)作。

Monorepo 的落地

如果你還從來沒接觸過 Monorepo 的開發(fā),到這可能你會(huì)疑惑了: 剛剛說了這么多 Monorepo 的好處,可是我還是不知道怎么用啊!是直接把所有的代碼全部搬到一個(gè)倉庫就可以了嗎?

當(dāng)然不是,在實(shí)際場(chǎng)景來落地 Monorepo,需要一套完整的工程體系來進(jìn)行支撐,因?yàn)榛?Monorepo 的項(xiàng)目管理,絕不是僅僅代碼放到一起就可以的,還需要考慮項(xiàng)目間依賴分析、依賴安裝、構(gòu)建流程、測(cè)試流程、CI 及發(fā)布流程等諸多工程環(huán)節(jié),同時(shí)還要考慮項(xiàng)目規(guī)模到達(dá)一定程度后的性能問題,比如項(xiàng)目構(gòu)建/測(cè)試時(shí)間過長需要進(jìn)行增量構(gòu)建/測(cè)試按需執(zhí)行 CI等等,在實(shí)現(xiàn)全面工程化能力的同時(shí),也需要兼顧到性能問題。

因此,要想從零開始定制一套完善的 Monorepo 的工程化工具,是一件難度很高的事情。不過社區(qū)已經(jīng)提供了一些比較成熟的方案,我們可以拿來進(jìn)行定制,或者對(duì)于一些上層的方案直接拿來使用。

其中比較底層的方案比如 lerna,封裝了 Monorepo 中的依賴安裝、腳本批量執(zhí)行等等基本的功能,但沒有一套構(gòu)建、測(cè)試、部署的工具鏈,整體 Monorepo 功能比較弱,但要用到業(yè)務(wù)項(xiàng)目當(dāng)中,往往需要基于它進(jìn)行頂層能力的封裝,提供全面工程能力的支撐。

當(dāng)然也有一些集成的 Monorepo 方案,比如rushstack,提供從初始化、開發(fā)、構(gòu)建、測(cè)試到部署的全流程能力,有一套比較完整的 Monorepo 基礎(chǔ)設(shè)施,適合直接拿來進(jìn)行業(yè)務(wù)項(xiàng)目的開發(fā)。不過由于這些頂層方案內(nèi)部各種流程和工具鏈都已經(jīng)非常完善了,如果要基于這些方案來定制,適配和維護(hù)的成本過高,基本是不可行的。

總結(jié)

總而言之,Monorepo 的開發(fā)模式就是將各自獨(dú)立的項(xiàng)目,變成一個(gè)統(tǒng)一的工程整體,解決 MultiRepo 下出現(xiàn)的各種痛點(diǎn),提升研發(fā)效率和工程質(zhì)量。那最后我還有有一個(gè)問題,采用 Monorepo 解決了之前的痛點(diǎn)之后,產(chǎn)生了哪些新的問題呢?這些問題可以解決嗎?更多關(guān)于Monorepo前端項(xiàng)目管理的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • Ubuntu中安裝vscode與官方插件

    Ubuntu中安裝vscode與官方插件

    這篇文章介紹了Ubuntu中安裝vscode與官方插件的方法,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-06-06
  • 簡單實(shí)用的aixcoder智能編程助手開發(fā)插件推薦

    簡單實(shí)用的aixcoder智能編程助手開發(fā)插件推薦

    本文給大家分享一款簡單實(shí)用的aixcoder智能編程助手開發(fā)插件推薦 ,需要的朋友可以參考下
    2019-06-06
  • 科學(xué)知識(shí):理解socket

    科學(xué)知識(shí):理解socket

    這篇文章主要介紹了科學(xué)知識(shí):理解socket,本文試圖用簡潔的語言說清楚socket的相關(guān)知識(shí),以便理解,需要的朋友可以參考下
    2015-05-05
  • kali2021.4a使用virtualenv安裝angr的詳細(xì)過程

    kali2021.4a使用virtualenv安裝angr的詳細(xì)過程

    在Linux中安裝各種依賴python的軟件時(shí),最頭疼的問題之一就是各個(gè)軟件的python版本不匹配的問題,angr依賴python3,因此考慮使用virtualenv來安裝angr,需要的朋友可以參考下
    2022-11-11
  • 有意思的數(shù)據(jù)結(jié)構(gòu)默克樹 Merkle tree應(yīng)用介紹

    有意思的數(shù)據(jù)結(jié)構(gòu)默克樹 Merkle tree應(yīng)用介紹

    這篇文章主要為大家介紹了有意思的數(shù)據(jù)結(jié)構(gòu)默克樹 Merkle tree應(yīng)用介紹,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-09-09
  • aop的實(shí)現(xiàn)原理_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

    aop的實(shí)現(xiàn)原理_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

    這篇文章主要介紹了aop的實(shí)現(xiàn)原理,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-08-08
  • MobaXterm使用指南(常用功能)

    MobaXterm使用指南(常用功能)

    MobaXterm就是一款SSH客戶端,它幫助我們?cè)赪indows操作系統(tǒng)下去連接并操作Linux服務(wù)器,這篇文章主要介紹了MobaXterm使用指南,需要的朋友可以參考下
    2023-05-05
  • 都2019年了,還問http中GET和POST的區(qū)別

    都2019年了,還問http中GET和POST的區(qū)別

    最近看了一些同學(xué)的面經(jīng),發(fā)現(xiàn)無論什么技術(shù)崗位,還是會(huì)問到 get 和 post 的區(qū)別,而搜索出來的答案并不能讓我們裝得一手好逼,那就讓我們從 HTTP 報(bào)文的角度來擼一波,從而搞明白他們的區(qū)別
    2019-02-02
  • 利用ChatGPT與MindShow制作一個(gè)PPT的方法詳解

    利用ChatGPT與MindShow制作一個(gè)PPT的方法詳解

    PPT制作是商務(wù)、教育和各種場(chǎng)合演講的重要組成部分,然而,很多人會(huì)花費(fèi)大量時(shí)間和精力在內(nèi)容生成和視覺設(shè)計(jì)方面,為了解決這個(gè)問題,我們可以利用兩個(gè)強(qiáng)大的工具——ChatGPT和MindShow,來提高制作PPT的效率,感興趣的同學(xué)可以參考閱讀
    2023-06-06
  • MobaXterm最新激活專業(yè)版

    MobaXterm最新激活專業(yè)版

    MobaXterm是一款遠(yuǎn)程終端控制軟件,集串口,SSH遠(yuǎn)程登錄和FTP傳輸三合一的工具,便攜版操作簡單,使用非常方便,這篇文章主要介紹了MobaXterm激活專業(yè)版,需要的朋友可以參考下
    2023-06-06

最新評(píng)論