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

Question

我在一个称为A的React应用程序中集成了redux store / material ui主题/ api的组件很少。我想将组件之一从A导入到其他项目B和C（单独的react app）。>>

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

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

项目A，B，C正在使用与打字稿和材料ui进行反应。

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

我在一个名为A的React应用程序中集成了Redux Store / material ui主题/ api的组件很少。我想将组件A中的一个组件导入其他项目（单独的React App）B和C。如果我...] >

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

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

npm install --save ../your-local-repo
您也可以在package.json中的依赖项对象中进行此操作：

"module/projectname": "file:yourmoduledirectory"
另外，您可以转到此链接NPM Link，并阅读有关如何使用NPM的链接功能将本地项目链接到另一个项目的信息。

Answer 1

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

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