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

时间:2019-11-19 09:06:48

标签: node.js reactjs

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

  1. 我有一个React项目,我想在我的PC上放置更多其他的React项目
  2. 我不想将我的项目发布到公开的npm

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

1 个答案:

答案 0 :(得分:2)

有多种解决方法。


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

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

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

在这种情况下,您可以在一个应用程序中构建多个应用程序。一篇不错的文章是:Building Micro Frontends with React

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

另一个选择是将应用程序拆分为单独的SPA。因此,您将构建然后部署在服务器上,以将它们加载到您想要的页面上的应用程序中。来源:Hosting multiple react applications on the same document


仅重用组件

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

如果将此项目与react项目保留在同一根目录中,则可以通过相对导入来使用它们。

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

有两种解决方法。

  1. 付费私人npm注册表:

  2. 托管您自己的

这将使您可以不公开公开您的npm软件包。