如何从另一个项目导入组件

Question

我很少将带有Redux store / material ui主题/ api的组件集成到一个称为A的React应用程序中。我想将组件A中的一个组件导入其他项目（单独的React App）B和C。

如果我不发布到npm，我认为最好的方法是将项目A生成并打包到.tgz文件中，然后将此文件导入到项目B和C中，并像库一样使用，但是效果不佳。

1. 您能告诉我这是否正确吗？
2. 使用Webpack或汇总更好？
3. 您能否告诉我如何导出集成了redux store和api的多个组件？因为app.ts文件只是一个文件，它用提供程序包装了整个应用程序，对吗？如果我要导出多个组件，那么使用提供程序包装器导出它们的方式是什么...？

A，B，C项目正在使用与打字稿和物料ui进行交互。

我的方法失败的原因是我正在使用webpack进行构建，并且在构建时没有创建类型定义文件。因此，我安装了汇总并进行了构建，有些文件无法创建诸如reducers ..的定义文件，但失败了。

Answer 1

首先，您需要确保将项目A配置为模块，以便可以使用它。参见Create Node.Js Modules。

满足以上条件后，您可以按照以下步骤进行NPM安装：

width

您还可以在package.json中的依赖项对象中执行此操作：

npm install --save ../your-local-repo

您可以转到此链接NPM Link，以了解如何使用NPM的链接功能将本地项目链接到另一个项目。