最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Yarn與Lerna管理monorepo使用詳解

 更新時間:2022年07月07日 15:04:56   作者:我是leon  
這篇文章主要為大家介紹了Yarn與Lerna管理monorepo的使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪

什么是 Yarn workspace

Yarn workspace 是 Yarn 提供的 monorepo 下,管理依賴的機制。對代碼倉庫下,多個 package 的依賴,進行管理:將共同的依賴,做 hosting(提升)。這樣,可以防止 package 中的包重復安裝。 workspace 機制,會在根目錄下,統(tǒng)一安裝依賴到 node_module,并生成 yarn.lock。單個 package 下,不需要再生成 yarn.lock。

如何使用 Yarn workspace

1.Yarn 啟用工作區(qū)

yarn config set workspaces-experimental true

命令的含義:添加workspaces-experimental true到系統(tǒng)全局的.yarnrc中。

2.修改根目錄的 package.json,添加如下內(nèi)容:

{
 "private": true,
 ...
 "workspaces": ["packages/*"]
}

配置項含義: private - 禁止發(fā)布根目錄內(nèi)容 workspaces - 設置工作區(qū),聲明 workspace 中 package 的路徑。值是一個字符串數(shù)組,支持 Glob 通配符。

Lerna 安裝依賴的方式

Lerna 安裝依賴的方式,是使用命令lerna bootstrap。 該命令的作用,是 cd 到 package 文件夾下的每個子文件夾,運行npm installyarn install,在子文件夾中生成版本lock文件和node_module,單獨對依賴進行管理。

Yarn workspace 與 Lerna 結(jié)合

結(jié)合的方式

  • 配置 lerna.json
{
 ...
 "npmClient": "yarn",
 "useWorkspaces": true
}
  • 配置 package.json
{
 "private": true,
 ...
 "workspaces": ["packages/*"]
}

角色的分配

Yarn 負責管理依賴,workspace 會自動對 package 的引用 ,設置軟鏈接(symlink),并且軟鏈接僅在當前 workspace 中生效。 Lerna 負責版本的發(fā)布工作,對 package 相互之間的依賴,做好版本管理。

好處

減少項目的磁盤占用空間

Yarn 將項目中的共同依賴,提升到根目錄下進行安裝

自動設置軟鏈接,方便調(diào)試

Yarn 的 workspace 會自動對 package 的引用,設置 symlink

  • 所有 package 使用同一個 yarn.lock,更少造成沖突且易于審查

使用

  • 首次安裝依賴 lerna bootstrap
  • 安裝dependencies依賴 `yarn add -W [pkg]
  • 安裝devDependencies依賴 yarn add -D -W [pkg]

-W 的含義: 安裝依賴到 workspace -D的含義: 安裝依賴到devDependencies`

以上就是Yarn與Lerna管理monorepo使用詳解的詳細內(nèi)容,更多關于Yarn Lerna管理monorepo的資料請關注腳本之家其它相關文章!

相關文章

  • Vuex unknown action type報錯問題及解決

    Vuex unknown action type報錯問題及解決

    這篇文章主要介紹了Vuex unknown action type報錯問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-02-02
  • vue之this.$router.push頁面刷新問題

    vue之this.$router.push頁面刷新問題

    這篇文章主要介紹了vue之this.$router.push頁面刷新問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-12-12
  • 關于vue的語法規(guī)則檢測報錯問題的解決

    關于vue的語法規(guī)則檢測報錯問題的解決

    在配置路有的時候,陸續(xù)出現(xiàn)了各種報錯其中最多的是一些寫法,例如空格,縮進,各種括號,這篇文章主要介紹了關于vue的語法規(guī)則檢測報錯問題的解決,非常具有實用價值,需要的朋友可以參考下
    2018-05-05
  • Vue監(jiān)聽屬性和計算屬性

    Vue監(jiān)聽屬性和計算屬性

    這篇文章主要介紹了Vue監(jiān)聽屬性和計算屬性,基本用法添加watch屬性,值為一個對象。對象的屬性名就是要監(jiān)視的數(shù)據(jù),屬性值為回調(diào)函數(shù),每當這個屬性名對應的值發(fā)生變化,就會觸發(fā)該回調(diào)函數(shù)執(zhí)行,下面來看詳細內(nèi)容,需要的朋友也可以參考一下
    2021-12-12
  • vue中關于computed的this指向問題

    vue中關于computed的this指向問題

    這篇文章主要介紹了vue中關于computed的this指向問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-07-07
  • vue使用canvas繪制圓環(huán)

    vue使用canvas繪制圓環(huán)

    這篇文章主要介紹了vue使用canvas繪制圓環(huán),文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • vue腳手架中配置Sass的方法

    vue腳手架中配置Sass的方法

    本篇文章主要介紹了vue腳手架中配置Sass的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-01-01
  • 淺談Vue render函數(shù)在ElementUi中的應用

    淺談Vue render函數(shù)在ElementUi中的應用

    今天小編就為大家分享一篇淺談Vue render函數(shù)在ElementUi中的應用,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • Vue3之使用js實現(xiàn)動畫示例解析

    Vue3之使用js實現(xiàn)動畫示例解析

    這篇文章主要為大家介紹了Vue3之使用js實現(xiàn)動畫示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-04-04
  • vue2實現(xiàn)搜索結(jié)果中的搜索關鍵字高亮的代碼

    vue2實現(xiàn)搜索結(jié)果中的搜索關鍵字高亮的代碼

    這篇文章主要介紹了vue2實現(xiàn)搜索結(jié)果中的搜索關鍵字高亮的代碼,需要的朋友可以參考下
    2018-08-08

最新評論

长白| 福清市| 高雄市| 卢湾区| 大新县| 宁明县| 阳信县| 邮箱| 汾阳市| 铜川市| 沽源县| 武胜县| 盱眙县| 临清市| 弥勒县| 伊通| 新竹市| 外汇| 夏津县| 永州市| 中牟县| 筠连县| 西昌市| 陇西县| 米易县| 紫金县| 中方县| 定兴县| 米林县| 清丰县| 喀喇沁旗| 博客| 海阳市| 聂荣县| 宁都县| 吐鲁番市| 甘德县| 西华县| 乌什县| 梅河口市| 榆林市|