反应-重用外部捆绑文件中的组件

Question

我有两个非常基本的React应用程序，我使用create-react-app进行了引导。第一个应用程序导出一个非常简单的button组件。我想使用Webpack捆绑我的第一个React应用程序，然后在我的第二个React应用程序中使用button组件。关于如何执行此操作的任何指示？

我确实查看了所问的其他问题，但是我无法使它们中的任何一个起作用。

Answer 1

1. 您可以使用git repo而不是name来npm install。不需要发布您的软件包（因此，对于您的“主应用”，您只需运行带有URL的npm install即可创建应具有package.json的微前端）
2. 您需要在package.json中描述主文件。
3. 主文件将重新导出一些特定的组件，您以后可以重用。
4. 像往常一样，在“主应用程序代码”中从捆绑软件中导入和使用组件。

我不确定100％是否至关重要，但我还将在微前端软件包的package.json中将React / other libs列为“ peerDependencies”而不是“ dependencies”

[UPD]已经意识到，如果使用不同的框架，这将无法正常工作。由于在您的情况下所有部分都是基于React的，因此上述方法应该可行。但是我同意这绝对不是真正的微前端方式