一个反应应用程序导入另一个反应应用程序？答案

【问题标题】：One react app imported into another react app?一个反应应用程序导入另一个反应应用程序？
【发布时间】：2020-03-02 16:23:11
【问题描述】：

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

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

假设我们有：

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

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

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

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

感谢您提供任何提示/建议/提示

【问题讨论】：

【解决方案1】：

您可以使用npm pack 命令。

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

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

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

希望这会有所帮助。

【讨论】：