Yarn与Lerna管理monorepo使用详解

目录
  • 什么是 Yarn workspace
  • 如何使用 Yarn workspace
  • Lerna 安装依赖的方式
  • Yarn workspace 与 Lerna 结合
    • 结合的方式
    • 角色的分配
    • 好处
    • 使用

什么是 Yarn workspace

Yarn workspace 是 Yarn 提供的 monorepo 下，管理依赖的机制。对代码仓库下，多个 package 的依赖，进行管理：将共同的依赖，做 hosting（提升）。这样，可以防止 package 中的包重复安装。 workspace 机制，会在根目录下，统一安装依赖到 node_module，并生成 yarn.lock。单个 package 下，不需要再生成 yarn.lock。

如何使用 Yarn workspace

1.Yarn 启用工作区

yarn config set workspaces-experimental true

命令的含义：添加workspaces-experimental true到系统全局的.yarnrc中。

2.修改根目录的 package.json，添加如下内容：

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

配置项含义： private - 禁止发布根目录内容 workspaces - 设置工作区，声明 workspace 中 package 的路径。值是一个字符串数组，支持 Glob 通配符。

Lerna 安装依赖的方式

Lerna 安装依赖的方式，是使用命令lerna bootstrap。 该命令的作用，是 cd 到 package 文件夹下的每个子文件夹，运行npm install或yarn install，在子文件夹中生成版本lock文件和node_module，单独对依赖进行管理。

Yarn workspace 与 Lerna 结合

结合的方式

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

角色的分配

Yarn 负责管理依赖，workspace 会自动对 package 的引用 ，设置软链接（symlink）,并且软链接仅在当前 workspace 中生效。 Lerna 负责版本的发布工作，对 package 相互之间的依赖，做好版本管理。

好处

减少项目的磁盘占用空间

Yarn 将项目中的共同依赖，提升到根目录下进行安装

自动设置软链接，方便调试

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使用详解的详细内容，更多关于Yarn Lerna管理monorepo的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • Vue3.0中的monorepo管理模式的实现

    前言 前段时间9月21日参加了在成都举办的第五届FEDAY, 印象比较深刻的是白鹭引擎首席架构师@王泽分享的<框架开发中的基础设施搭建>,提到了在下一代白鹭引擎中使用到monorepo模式,以用来管理多个模块,协调各个模块之间的依赖更新. 正好在国庆期间10月5日尤大公开了vue3.0已完成的源码,也是采用了monorepo管理模式,看来monorepo确实有其独到的优势,再加上以前在项目中遇到过相关的痛点,所以深入地了解了一下这种模式,本文将基于vue3.0讨论如何通过monorepo模式来

  • 安装nodejs和yarn及配置淘宝源过程记录

    安装nodejs和yarn及配置淘宝源过程记录

    目录 1.下载nodejs 2.双击安装 3.重置全局npm源,修正为 淘宝的 NPM 镜像: 4.安装Yarn 5.设置Yarn的淘宝源 1.下载nodejs 访问下载 | Node.js 中文网 (nodejs.cn) 本站下载地址:点击下载 2.双击安装 全部都点Next,最后Install即可 3.重置全局npm源,修正为 淘宝的 NPM 镜像: 按住[Shift]键,点击鼠标右键->在此次打开PowerShell窗口 执行下面的指令 npm install -g cnpm --regi

  • 浅谈Vue CLI 3结合Lerna进行UI框架设计

    当前大部分UI框架设计的Webpack配置都相对复杂,例如 Element. Ant Design Vue和Muse-UI等Vue组件库.例如Element,为了实现业务层面的两种引入形式( 完整引入 和 按需引入 ),以及抛出一些可供业务层面通用的 utils . i18n 等,Webpack配置变得非常复杂.为了简化UI框架的设计难度,这里介绍一种简单的UI框架设计,在此之前先简单介绍一下 Element 的构建流程,以便对比新的UI框架设计. 一般组件库的设计者将引入形式设计成 完整引入

  • 利用yarn代替npm管理前端项目模块依赖的方法详解

    本文主要给大家介绍了关于yarn代替npm管理前端项目模块依赖的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 什么是 yarn? 简单来说,yarn 是一个与 npm 功能相同的工具,用于前端项目的依赖管理.在使用 npm 的项目中,使用 npm 命令的地方都可以使用 yran 来代替. 为什么要使用 yarn 替代 npm 呢?yarn 相对 npm 来说,主要的特点有: 离线.并行安装:依赖并行安装,缓存已下载过的依赖并优先使用,各种优化使得安装依赖速度显著提升

  • Yarn与Lerna管理monorepo使用详解

    目录 什么是 Yarn workspace 如何使用 Yarn workspace Lerna 安装依赖的方式 Yarn workspace 与 Lerna 结合 结合的方式 角色的分配 好处 使用 什么是 Yarn workspace Yarn workspace 是 Yarn 提供的 monorepo 下,管理依赖的机制.对代码仓库下,多个 package 的依赖,进行管理:将共同的依赖,做 hosting(提升).这样,可以防止 package 中的包重复安装. workspace 机制,

  • Maven管理SpringBoot Profile详解

    1. Spring Profile Spring可使用Profile绝对程序在不同环境下执行情况,包含配置.加载Bean.依赖等. Spring的Profile一般项目包含:dev(开发), test(单元测试), qa(集成测试), prod(生产环境).由spring.profiles.active属性绝定启用的profile. SpringBoot的配置文件默认为 application.properties(或yaml,此外仅心properties配置为说明).不同Profile下的配置

  • MySQL 8.0.20 Window10免安装版配置及Navicat管理教程图文详解

    1.MySQL8.0.20下载及解压 下载链接https://dev.mysql.com/downloads/mysql/ 2.新建配置文件my.ini放在D:\mysql-8.0.20-winx64目录下 [client] # 设置mysql客户端默认字符集 default-character-set=utf8 [mysqld] # 设置3306端口 port = 3306 # 设置mysql的安装目录 basedir=D:\\mysql-8.0.20-winx64 # 设置 mysql数据库

  • Redis实现分布式Session管理的机制详解

    Redis实现分布式Session管理的机制详解

    一. Redis实现分布式Session管理 1. Memcached管理机制 2. Redis管理机制 1.redis的session管理是利用spring提供的session管理解决方案,将一个应用session交给Redis存储,整个应用中所有session的请求都会去redis中获取对应的session数据. 二. SpringBoot项目开发Session管理 1. 引入依赖pop.xml <!--springboot-redis--> <dependency> <

  • Docker Secret的管理和使用详解

    Docker Secret的管理和使用详解

    一.什么是Docker Secret (一)情景展现 我们知道有的service是需要设置密码的,比如mysql服务是需要设置密码的: version: '3' services: web: image: wordpress ports: - 8080:80 volumes: - ./www:/var/www/html environment: WORDPRESS_DB_NAME=wordpress WORDPRESS_DB_HOST: mysql WORDPRESS_DB_PASSWORD:

  • Vue3状态管理的使用详解

    Vue3状态管理的使用详解

    背景 随着Vue3的逐步应用,对状态管理的需求越来越多.起初是基于Vuex4进行状态管理的,但是Vuex4也暴露了一些问题.从个人角度来说,Vuex4类似于过渡期产品,对TypeScript的支持性并不完整.如果使用TypeScript编写组件,需要遵循一定步骤后,才可以正确进行类型推断,并且对modules的使用上也并不友好.Vuex核心贡献者Kia King也表示Vuex5已经在计划中,并且能提供完整的TypeScript支持,那么在Vuex5面世之前,或者直接"舍弃"Vuex的话

  • Node.js基础入门之模块与npm包管理器使用详解

    Node.js基础入门之模块与npm包管理器使用详解

    目录 require函数 模块分类 第三方模块 1. 安装第三方模块 2. 引入第三方模块 3. 示例测试 系统模块 require注意事项 exports导出对象 1. exports示例 2. exports注意事项 module模块对象 package.json包描述文件 1. 什么是package.json ? 2. 如何创建package.json文件? NPM基础 1. 常用npm命令 2. npm 示例 cnpm基础 1. 什么是cnpm ? 2. 使用cnpm 控制台输出 1.

  • SpringBoot使用AOP统一日志管理的方法详解

    SpringBoot使用AOP统一日志管理的方法详解

    目录 前言 实现 1.引入依赖 2.定义logback配置 3.编写切面类 4.测试 前言 请问今天您便秘了吗?程序员坐久了真的会便秘哦,如果偶然点进了这篇小干货,就麻烦您喝杯水然后去趟厕所一边用左手托起对准嘘嘘,一边用右手滑动手机看完本篇吧. 实现 本篇AOP统一日志管理写法来源于国外知名开源框架JHipster的AOP日志管理方式 1.引入依赖 <!-- spring aop --> <dependency> <groupId>org.springframework

  • Java定时器通信协议管理模块Timer详解

    Java定时器通信协议管理模块Timer详解

    目录 Timer详解 定时功能 执行一次 Fixed Delay模式 Timer详解 Timer和TimerTask用于在后台线程中调度任务的java.util类.TimerTask负责任务的执行,Timer负责任务的调度. 定时功能 Timer提供了三种定时模式: 一次性任务 按照固定的延迟执行(fixed delay) 按照固定的周期执行(fixed rate) 执行一次 Timer提供了两种方法,应用于不同场景: //在当前时间往后delay个毫秒开始执行 public void sche

  • Spring AOP事务管理的示例详解

    目录 转账案例-环境搭建 步骤1:准备数据库表 步骤2:创建项目导入jar包 步骤3:根据表创建模型类 步骤4:创建Dao接口 步骤5:创建Service接口和实现类 步骤6:添加jdbc.properties文件 步骤7:创建JdbcConfig配置类 步骤8:创建MybatisConfig配置类 步骤9:创建SpringConfig配置类 步骤10:编写测试类 事务管理 转账案例-环境搭建 步骤1:准备数据库表 之前我们在整合Mybatis的时候已经创建了这个表,可以直接使用 create

随机推荐