Yarn与Lerna管理monorepo使用详解

什么是monorepo

monorepo是一种代码管理策略，即将多个相关的项目放在一个代码仓库中进行管理。相比于多个单独仓库管理，monorepo管理具有如下优势：

• 可以避免模块版本同步的问题；
• 可以方便地重构代码；
• 可以方便地共享代码；
• 可以提高代码重用率；
• 可以提高团队间的协作效率。

Yarn和Lerna

Yarn是Facebook公司开发的一款前端包管理工具。相比于npm，Yarn在安装速度、性能优化、缓存管理等方面更有优势。

Lerna则是一个管理monorepo的工具，可以方便地管理多个package。

如何使用Yarn和Lerna进行monorepo管理

安装Yarn和Lerna

首先需要安装Yarn和Lerna：

npm install -g yarn
npm install -g lerna

初始化项目

使用Yarn初始化一个项目：

yarn init

然后，使用Lerna初始化monorepo仓库：

lerna init

添加Package

使用Lerna添加一个Package：

lerna create package-name

然后在新创建的package目录下进行开发。

安装依赖

使用Yarn安装依赖：

yarn install

然后使用Lerna安装依赖：

lerna bootstrap

此时，所有packages中的依赖都会被安装到根目录下的node_modules中，并且会在所有packages之间建立软连接。

运行Package中的代码

使用Lerna运行Package中的代码：

lerna run start --scope=package-name

其中，start为需要运行的脚本名称，package-name为需要运行的Package名称。

发布Package

使用Lerna发布Package：

lerna publish

此时，Lerna会自动将对应的Package打上版本号，并且将代码上传至npm仓库。

示例说明

下面通过两个示例详细说明如何使用Yarn和Lerna进行monorepo管理。

示例一：管理React组件库

假设一个项目中需要维护多个React组件库，可以使用monorepo的方式进行管理。

首先，使用Yarn初始化一个项目：

yarn init

然后使用Lerna初始化monorepo仓库并添加两个Package：

lerna init
lerna create react-ui1
lerna create react-ui2

接着，分别进入react-ui1和react-ui2目录，安装需要开发的依赖：

yarn add react react-dom

然后在两个Package中进行开发，并添加测试脚本。

最后，使用Lerna安装依赖并运行测试：

lerna bootstrap
lerna run test

示例二：管理Express服务

假设需要维护多个Express服务器，并且需要方便地进行测试、部署等操作，可以使用monorepo的方式进行管理。

首先，使用Yarn初始化一个项目：

yarn init

然后使用Lerna初始化monorepo仓库并添加两个Package：

lerna init
lerna create server1
lerna create server2

接着，分别进入server1和server2目录，安装需要开发的依赖：

yarn add express

然后在两个Package中进行开发，并添加运行脚本。

最后，使用Lerna安装依赖并运行服务：

lerna bootstrap
lerna run server

其中，server为运行服务的脚本名称。