使用 bit.dev 时如何有效地 npm 链接？答案

【问题标题】：How do I effectively npm link when using bit.dev?使用 bit.dev 时如何有效地 npm 链接？
【发布时间】：2021-02-06 15:01:22
【问题描述】：

我有两个 git repos；

一个是组件库，包含多个组件，这些组件都单独导出到 bit.dev
two 是使用库中组件的 next/react 应用程序

我的文件夹大致;

component-library
 |- .bitmap
 |- /src
   |- /button
      |- /button.js
   |- /header
      |- /header.js

next-react-project
 |- /src
   |- /pages
      |- /home.js

我希望能够在我的 react 应用程序中看到我的组件的本地更改，而不必先标记并将它们导出到 bit。在使用 bit.dev 之前，我会通过运行 npm link ../component-library 之类的东西来做到这一点。

如何使用 bit.dev 实现这一点？

【问题讨论】：

在v15中，可以使用命令bit link --target <other project path where to test>harmony-docs.bit.dev/reference/cli-reference#link

标签： reactjs npm bit.dev

【解决方案1】：

由于比特和谐，比特在bit link 命令中添加了--target 标志。用法是：

bit link --target <path to the destination>

如果您想以与使用 npm link 相同的方式使用它并全局链接您的包，您可以在工作区中运行此命令：

bit link --target $(dirname "$(npm root -g)")

然后在您要安装包的项目（您的下一个/react 应用程序）中：

npm link <packageName>

【讨论】：