4

是否可以将一个 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 文件。

谢谢，任何提示/建议/提示

4

1 回答 1

4

你可以使用npm pack命令。

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

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

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

希望这可以帮助。

另请查看：https ://docs.npmjs.com/cli-commands/pack.html

于 2020-03-02T08:23:11.753 回答