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

Question

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

Answer 1

您尚未表明是否希望将此组件设为私有(private)，因此我将通过两种方式回答:

如果您打算开源您的组件

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

如果您希望保密

这里有多种选择:

1. 为 npm 上的私有(private)模块付费 ( docs here )。如果您选择这条路线，您可以像安装其他包一样安装您的包。

2. 使用 npm link ( docs ) 创建从项目到位于本地存储上的组件包的链接。这可行，但设置起来有点棘手。这样做的好处是，如果您重建组件，所有具有该组件链接的项目都将立即看到这些更改。

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