Bootstrap

使用yarn link 开发调试多个互相依赖的关联项目

在前端开发中,yarn link 是用于在本地开发环境中将一个本地模块链接到另一个项目中的命令。这对于开发过程中需要同时修改多个相关项目的情况非常有用,因为它允许你在不发布和重新安装模块的情况下对模块进行实时更改。

使用这些命令的常见情况包括:

  • 当你正在开发一个模块,但希望在另一个项目中测试它的功能。
  • 当你希望在多个项目之间共享一些代码或功能时。

yarn link 允许你将一个本地模块链接到另一个项目中。这样做可以在不发版或重新安装模块的情况下对其进行更改。

假设你有两个项目:一个是一个 React 应用程序,另一个是一个名为 my-shared-utils 的模块,你希望在 React 应用程序中使用这个模块的功能。现在,我们将按照上述步骤使用 yarn linkmy-shared-utils 模块链接到 React 应用程序中。

步骤:

  1. 假设你已经有一个名为 my-shared-utils 的项目,其中包含一些通用的函数或工具代码。

  2. 进入 my-shared-utils 项目的根目录,并运行以下命令:

    cd /path/to/my-shared-utils
    yarn link
    
  3. 假设你的另一个项目是一个名为 my-react-app 的 React 应用程序。

  4. 进入 my-react-app 项目的根目录,并运行以下命令:

    cd /path/to/my-react-app
    yarn link my-shared-utils
    

现在,my-shared-utils 将被链接到你的 React 应用程序中。你可以在 my-react-app 项目中直接使用 my-shared-utils 中的功能,而不需要手动重新安装或发布 my-shared-utils 模块。任何对 my-shared-utils 的更改都会立即反映在 my-react-app 中。

记得在开发结束后取消链接,可以在 my-react-app 的根目录中运行以下命令来取消链接:

yarn unlink my-shared-utils

这样可以确保你的项目不会依赖于本地的模块。

;