在使用 Yarn Workspaces 时，有业务包A和组件库包B，两个包分别引用了antd4 和antd5 三方包，安装依赖时该注意什么

在使用 Yarn Workspaces 时，有业务包A和组件库包B，两个包分别引用了antd4 和antd5 三方包，安装依赖时该注意什么?

在使用 Yarn Workspaces 的项目中，如果有业务包 A 和组件库包 B，分别引用了 antd v4 和 antd v5 两个不同版本的三方包，安装依赖时需要注意以下几点：

1. 版本隔离：

   • 由于 antd v4 和 v5 可能存在不兼容的API更改，业务包 A 和组件库包 B 必须各自独立安装它们所依赖的 antd 版本。
   • Yarn Workspaces 支持在不同工作空间内安装不同的依赖版本，无需担心全局范围内的版本冲突。

2. Workspace Configuration：

   • 在根级别的 package.json 文件中，确保开启了 Workspaces，并且正确地包含了 A 和 B 两个包的路径：

     "workspaces": ["packages/A", "packages/B"]
     

   • 在 A 和 B 的 package.json 文件中，各自指定需要的 antd 版本：

     // 在 packages/A/package.json 中
     "dependencies": {
       "antd": "^4.0.0"
     }
     
     // 在 packages/B/package.json 中
     "dependencies": {
       "antd": "^5.0.0"
     }
     

3. 运行安装命令：

   • 在根目录下执行 yarn install，Yarn Workspaces 会自动为每个工作区安装相应的依赖版本，并将公共依赖扁平化至根目录的 node_modules 中，而每个工作区内的 node_modules 只包含私有依赖和与其它工作区版本不同的依赖。

4. 避免缓存问题：

   • 如果之前全局缓存中有其他版本的 antd，确保清除或更新缓存，以确保正确安装所需版本：

     yarn cache clean
     yarn install
     

5. 避免交叉引用：

   • 确保业务包 A 和组件库包 B 在设计上不会互相引用对方内部的组件，以免造成版本间的间接冲突。

通过以上步骤，可以确保在使用 Yarn Workspaces 的情况下，业务包 A 和组件库包 B 能够各自独立维护和使用不同的 antd 版本。

如果A包需要引用B包，该如何设置？

如果业务包 A 需要引用组件库包 B，并且两者都在同一个 Yarn Workspaces 项目中，可以按照以下方式进行设置：

1. 组织工作区结构：

   • 确保组件库包 B 在项目结构中的正确位置，并在根 package.json 的 workspaces 字段中列出。

   // 根 package.json
   {
     "private": true,
     "workspaces": ["packages/*"],
     // ...其他配置
   }
   
   // 项目结构示例
   ├── packages/
   │   ├── A/
   │   │   └── package.json
   │   └── B/
   │       └── package.json
   └── package.json
   

2. 发布和引用组件库 B：

   • 在组件库包 B 中，确保你已将其导出为一个可复用的模块，并做好适当的构建和打包配置（如使用Rollup、Webpack等工具）。
   • 在完成开发和测试后，可以将 B 包发布到私有npm仓库或者暂存到本地，以便业务包 A 引用。

3. 在业务包 A 中引用组件库 B：

   • 在业务包 A 的 package.json 文件中，添加对组件库 B 的依赖引用。由于它们都在同一个 Workspaces 项目中，可以直接引用相对路径（本地开发时）或私有仓库地址（生产环境）。

   // 本地开发时引用
   // packages/A/package.json
   {
     "dependencies": {
       "my-component-library-b": "file:../B"
     }
   }
   
   // 或者在私有仓库中发布后引用
   // packages/A/package.json
   {
     "dependencies": {
       "my-component-library-b": "npm:my-private-registry/my-component-library-b@x.y.z"
     }
   }
   

4. 安装和构建：

   • 在项目根目录下运行 yarn install，Yarn Workspaces 会识别出依赖关系，并在合适的地方安装组件库 B。
   • 确保业务包 A 在构建时能正确编译和打包引用的组件库 B。

通过这样的配置，业务包 A 可以顺利地引用组件库包 B，并且在 Workspaces 环境下依然可以享受依赖管理和版本控制的优势。
同时，在发布业务包 A 的时候，确保组件库 B 已经发布到了合适的仓库，以便下游项目能够正常安装。