在另一个项目中使用一个 React 项目

IT技术 node.js reactjs
2021-05-11 16:44:18

我想在另一个项目中使用一个 React 项目,但我想更好地解释自己。

  1. 我有一个 React 项目,我想在其中将更多其他 React 项目放在我的电脑上
  2. 我不想将我的项目放在公共 npm 中

如何在更大的 React 项目中使用这些孤立的 React 项目?

1个回答

有多种方法可以解决这个问题。


在其他 React 应用程序中拥有完整的 React 应用程序

这通常称为微前端你甚至可以在另一个 React 应用程序中拥有多个 React 应用程序。甚至其他框架,如 Vue 或 Angular。有两种方法可以解决这个问题:

单个单页应用程序(Single SPA)

在这种情况下,您将多个应用程序合二为一。一篇关于此的好文章是:使用 React 构建微前端

将应用程序拆分为单独的 SPA

另一种选择是将应用程序拆分为单独的 SPA。所以你会构建,然后部署在服务器上,将它们加载到你想要的页面上的应用程序中。来源:在同一个文档上托管多个 React 应用程序


仅重用组件

如果您想重用组件,您可以创建一个单独的应用程序,在其中使用storybook来创建和维护您的组件。从这个项目你将它们分发到你的其他项目。

如果你把这个项目和你的 react 项目放在同一个根目录下,你可以使用相对导入来使用它们。

如果您不想在公共注册表中发布它,您可以使用私有 npm 注册表

有两种方法可以解决这个问题。

  1. 付费私有 npm 注册表:

  2. 托管您自己的:

这将允许您将您的 npm 包保密。