一个反应应用程序导入到另一个反应应用程序中？

Question

是否可以将一个 React 应用程序（使用 create-react-app 构建）导入到另一个完全不同的 React 应用程序中。我们都在 SPA 中导入了组件，但是是否可以导入完全不同的应用程序？如果是这样怎么办？

此外，这两个 React 应用程序可能共享一些相似的依赖项/文件/库..，例如 bootstrap/css/Redux 商店/等。此外，还可以使用一些常见的减速器。这些常见的减速器可能需要在这两个反应应用程序之间进行交互/监听操作。

假设我们有：

ReactDOM.render(<Provider store={store}><MainApp /></Provider>, document.getElementById('root'));

我可以添加另一个像这样的应用程序（不是内置的），并定位 dom 中的另一个节点吗？？？

ReactDOM.render(<Provider store={store}><ExternalAPP /></Provider>, document.getElementById('root22'));

以前有人这样做过吗？React 将我们所有的组件压缩成“块”，这些块基本上是 js 文件。

谢谢您的任何提示/建议/提示

Answer 1

您可以使用npm pack命令。

它从您当前的应用程序创建一个 tarball (.tgz) 文件。然后将此文件移至其他应用程序文件夹，然后运行：

npm install app1（假设 app1 是您的第一个应用程序名称）。

安装完成后，您可以在 .app1 文件中看到您的 app1 文件node_modules/App1/。现在您可以导入所需的文件或组件并在其他应用程序中使用它。

希望这可以帮助。