亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Yarn與Lerna管理monorepo使用詳解

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

什么是 Yarn workspace

Yarn workspace 是 Yarn 提供的 monorepo 下,管理依賴的機制。對代碼倉庫下,多個 package 的依賴,進行管理:將共同的依賴,做 hosting(提升)。這樣,可以防止 package 中的包重復(fù)安裝。 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 - 設(shè)置工作區(qū),聲明 workspace 中 package 的路徑。值是一個字符串?dāng)?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 負(fù)責(zé)管理依賴,workspace 會自動對 package 的引用 ,設(shè)置軟鏈接(symlink),并且軟鏈接僅在當(dāng)前 workspace 中生效。 Lerna 負(fù)責(zé)版本的發(fā)布工作,對 package 相互之間的依賴,做好版本管理。

好處

減少項目的磁盤占用空間

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

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

Yarn 的 workspace 會自動對 package 的引用,設(shè)置 symlink

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

使用

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

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

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

相關(guān)文章

  • Vue學(xué)習(xí)筆記進階篇之vue-cli安裝及介紹

    Vue學(xué)習(xí)筆記進階篇之vue-cli安裝及介紹

    這篇文章主要介紹了Vue學(xué)習(xí)筆記進階篇之vue-cli安裝及介紹,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • Vue 實現(xiàn)從小到大的橫向滑動效果詳解

    Vue 實現(xiàn)從小到大的橫向滑動效果詳解

    這篇文章主要介紹了Vue 實現(xiàn)從小到大的橫向滑動效果,結(jié)合實例形式詳細(xì)分析了vue.js橫向漸變滑動效果的實現(xiàn)步驟、相關(guān)操作技巧與注意事項,需要的朋友可以參考下
    2019-10-10
  • VUE Error: getaddrinfo ENOTFOUND localhost

    VUE Error: getaddrinfo ENOTFOUND localhost

    這篇文章主要介紹了VUE Error: getaddrinfo ENOTFOUND localhost,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05
  • vue?+?qiankun?項目搭建過程

    vue?+?qiankun?項目搭建過程

    這篇文章主要介紹了vue?+?qiankun?項目搭建,首先是通過cli3構(gòu)建vue2項目,通過qiankun改造主應(yīng)用,本文結(jié)合實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-03-03
  • vue+element實現(xiàn)下拉菜單并帶本地搜索功能示例詳解

    vue+element實現(xiàn)下拉菜單并帶本地搜索功能示例詳解

    這篇文章主要介紹了vue+element實現(xiàn)下拉菜單并帶本地搜索功能,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-09-09
  • Vue渲染過程淺析

    Vue渲染過程淺析

    這篇文章主要介紹了Vue渲染過程淺析,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-03-03
  • sortable+element 實現(xiàn)表格行拖拽的方法示例

    sortable+element 實現(xiàn)表格行拖拽的方法示例

    這篇文章主要介紹了sortable+element 實現(xiàn)表格行拖拽的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-06-06
  • 一文帶你搞懂Vue3?defineModel中的雙向綁定

    一文帶你搞懂Vue3?defineModel中的雙向綁定

    隨著vue3.4版本的發(fā)布,defineModel也正式轉(zhuǎn)正了,它可以簡化父子組件之間的雙向綁定,是目前官方推薦的雙向綁定實現(xiàn)方式,下面就跟隨小編一起深入了解一下defineModel的使用吧
    2024-02-02
  • vue 引用自定義ttf、otf、在線字體的方法

    vue 引用自定義ttf、otf、在線字體的方法

    這篇文章主要介紹了vue 引用自定義ttf、otf、在線字體的方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-05-05
  • Vue表格組件Vxe-table使用技巧總結(jié)

    Vue表格組件Vxe-table使用技巧總結(jié)

    這篇文章主要給大家介紹了關(guān)于Vue表格組件Vxe-table使用技巧的相關(guān)資料,文中還介紹了VXEtable展示指定行所遇到得問題,對大家學(xué)習(xí)或者使用Vxe-table具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2022-09-09

最新評論