如何在开发过程中将本地 React 库与本地 React 项目链接？

Posted 2023-03-07

【中文标题】如何在开发过程中将本地 React 库与本地 React 项目链接？

【英文标题】：How to link a local react library with a local react project during development?

【发布时间】：2020-05-25 17:32:09

【问题描述】：

我将开始开发一种反应，该反应将被我公司的许多内部反应应用程序使用。这个库是从零开始的，有很多关于组件、实用程序、REST 客户端 API 等的架构决策。为了促进开发，我们的想法是与第一个 react 应用程序并行开发库。

目前，我使用create-react-library 创建了该库，并使用npm publish 将其部署在我们的内部 Nexus 3 存储库中。另外，我已经使用 create-react-app 创建了 react 应用程序。 在开发过程中，我会开始看react app，我希望对库或app中所做的每一次修改都应该在react app server中同步。

我的问题是：我如何才能在本地链接 react 库和 react-project，从而只启动 react-project (npm start)？

【参考方案1】：

您可以将您的库推送到 git 或其他 VCS，然后使用 get 链接，您可以将其注册为您的主仓库中的包。

一旦库足够稳定，释放标签并将包 URL 更新到标签。您甚至可以将此 repo 发布到 NPM 并像任何公共依赖项一样安装。

采用这种方法的原因是，由于两者都处于开发阶段，您可以更轻松地在 git 或其他 VCS 上维护链接。

作为替代方案，您甚至可以使用npm link，它也可以使用，但据我了解，通过 VCS 维护更可靠，因为您可以拥有同一项目的不同标签/版本，这也有助于您拥有并行开发，没有太多重叠。

参考

npm install private github repositories by dependency in package.json npm link

【讨论】：

注意：这个答案是基于我的意见。如果您不同意此观点，请在投票中分享您的观点

根据您的回答，我决定使用npm link。