我有两个非常基本的 React 应用程序，它们是我使用 create-react-app 引导的。第一个应用导出一个非常简单的 button 组件。我想使用 Webpack 捆绑我的第一个 React 应用程序，然后在我的第二个 React 应用程序中，我想使用 button 组件。关于我如何去做这件事的任何指示？
我确实查看了其他问题，但我无法使它们中的任何一个起作用。
最佳答案
- 您可以使用 git repo 而不是名称来执行
npm install。它不需要发布您的包(因此对于您的“主应用程序”，您只需运行npm install并将 URL 指向应该创建 package.json 的微前端) - 在您的
package.json中，您需要描述主文件。 - 主文件将重新导出一些您以后可以重用的特定组件。
- 在您的“主应用程序代码”中，您像往常一样从 bundle 导入和使用组件。
我不是 100% 确定它是否至关重要，但我还会在微前端包的 package.json 中将 React/其他库列为“peerDependencies”而不是“dependencies”
[UPD] 已经意识到，如果使用不同的框架，这是行不通的。由于在您的情况下所有部分都是基于 React 的，因此上述方法应该有效。但我同意这绝对不是真正的微前端方式
关于javascript - React - 重用外部包文件中的组件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52461093/