使用lerna管理React项目

1.  新建一个文件夹，初始化Lerna仓库：在根目录下运行

npx lerna init

2. 添加react项目

创建一个名为 packages的文件夹，并在其中放置React项目

项目结构可能如下：

lerna-test/
|-- packages/
|   |-- react-project-1/
|   |   |-- package.json
|   |   |-- src/
|   |   |-- ...
|   |-- react-project-2/
|   |   |-- package.json
|   |   |-- src/
|   |   |-- ...

|-- .gitignore
|-- lerna.json
|-- package.json
|-- package-lock.json

3. 配置项目

每个React项目都需要有单独的 package.json 文件 ，其中包含项目的名称、依赖关系等信息。

并且需要对 lerna.json 文件进行配置

{

  "$schema": "node_modules/lerna/schemas/lerna-schema.json",

  "version": "0.0.0",

  "packages": [

    "packages/*"

  ]

}

1. packages: 这个字段用于指定包含子项目的目录。默认为 packages，如果你的子项目在其他目录，你需要相应地调整这个字段。
2. version: 指定 Lerna 如何管理项目的版本。可以选择 independent，让每个子项目都有独立的版本，或者 fixed，所有子项目共享一个版本。

4. 安装依赖：在根目录运行以下命令安装所有项目的依赖

lerna bootstrap

如果报错

可能是因为 lerna 没有被正确安装或者你的系统环境变量没有包含 node_modules/.bin 目录。 

5. 查看lerna是否正确安装

npx nx graph  

命令行中运行  如果lerna没有问题  会自动弹出一个网址  http://127.0.0.1:4211/projects/all， 用来看项目结构、依赖关系等

6. 运行项目：你可以在每个子项目中运行 React 项目，也可以使用 Lerna 命令来运行

lerna run start

webpack给每个react项目打包为例子：

npx lerna exec npm run export

这是一个简单的流程，你可以根据项目的需求进行调整。更多关于 Lerna 的详细信息和配置选项，请参阅 Documentation | Lerna。