如何在项目之间共享React组件

时间:2017-09-11 04:36:48

标签: reactjs npm

我构建了一个我想在单独的项目中使用的组件。使用NPM跨项目重用此组件的最简单方法是什么?

1 个答案:

答案 0 :(得分:8)

您尚未表明是否希望将此组件保密,因此我将采用两种方式回答:

如果您打算开源组件

这是最简单的方法:将您的组件发布为npm包(请参阅文档here)。然后像在您将使用组件的项目中一样安装您的软件包。

如果您希望将其保密:

这里有几个选项:

  1. npmdocs here)上支付私人模块费用。如果你走这条路,就可以像其他任何一样安装你的包。

  2. 使用npm linkdocs)创建从项目到本地存储上的组件包的链接。这有效,但设置起来有点棘手。这样做的好处是,如果您重建组件,所有带有组件链接的项目都会立即看到这些更改。

  3. 使用npm install从您的(私有)Github或其他存储库进行安装。这与普通npm install的工作方式类似,并且比npm link更容易使用。缺点是需要将组件的任何更改推送到远程存储库,然后需要更新使用该组件的项目。