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

Question

我在一个名为 A 的反应应用程序中集成了一些带有 redux 商店/材料 ui 主题/api 的组件。我想将其中一个组件从 A 导入到其他项目（单独的反应应用程序）B 和 C。

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

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

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

我的方法失败的原因是我使用 webpack 进行构建，并且在构建时没有创建类型定义文件。所以我安装了汇总并构建，一些文件无法创建像减速器这样的定义文件......并且失败了。

Answer 1

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

满足上述条件后，您可以按如下方式进行 NPM 安装：

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

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

"module/projectname": "file:yourmoduledirectory"

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