我想在另一个React项目中使用一个项目,但是我想更好地解释自己。
如何在较大的React项目中使用这些孤立的React项目?
答案 0 :(得分:2)
有多种解决方法。
通常称为微型前端。您甚至可以在另一个React应用程序中包含多个React应用程序。甚至其他框架,例如Vue或Angular。有两种解决方法:
单个单页应用程序(单个SPA)
在这种情况下,您可以在一个应用程序中构建多个应用程序。一篇不错的文章是:Building Micro Frontends with React。
将应用程序拆分为单独的SPA
另一个选择是将应用程序拆分为单独的SPA。因此,您将构建然后部署在服务器上,以将它们加载到您想要的页面上的应用程序中。来源:Hosting multiple react applications on the same document
如果要重复使用组件,可以创建一个单独的应用程序,在其中使用storybook创建和维护组件。从这个项目中,您可以将它们分发到其他项目。
如果将此项目与react项目保留在同一根目录中,则可以通过相对导入来使用它们。
如果您不想将其发布在公共注册表中,则可以使用私有npm注册表。
有两种解决方法。
付费私人npm注册表:
托管您自己的
这将使您可以不公开公开您的npm软件包。