我想在另一个项目中使用一个 React 项目,但我想更好地解释自己。
- 我有一个 React 项目,我想在其中将更多其他 React 项目放在我的电脑上
- 我不想将我的项目放在公共 npm 中
如何在更大的 React 项目中使用这些孤立的 React 项目?
我想在另一个项目中使用一个 React 项目,但我想更好地解释自己。
如何在更大的 React 项目中使用这些孤立的 React 项目?
有多种方法可以解决这个问题。
这通常称为微前端。你甚至可以在另一个 React 应用程序中拥有多个 React 应用程序。甚至其他框架,如 Vue 或 Angular。有两种方法可以解决这个问题:
单个单页应用程序(Single SPA)
在这种情况下,您将多个应用程序合二为一。一篇关于此的好文章是:使用 React 构建微前端。
将应用程序拆分为单独的 SPA
另一种选择是将应用程序拆分为单独的 SPA。所以你会构建,然后部署在服务器上,将它们加载到你想要的页面上的应用程序中。来源:在同一个文档上托管多个 React 应用程序
如果您想重用组件,您可以创建一个单独的应用程序,在其中使用storybook来创建和维护您的组件。从这个项目你将它们分发到你的其他项目。
如果你把这个项目和你的 react 项目放在同一个根目录下,你可以使用相对导入来使用它们。
如果您不想在公共注册表中发布它,您可以使用私有 npm 注册表。
有两种方法可以解决这个问题。
付费私有 npm 注册表:
托管您自己的:
这将允许您将您的 npm 包保密。