一个 React 应用程序导入到另一个 React 应用程序?

One react app imported into another react app?

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

此外,这两个 React 应用程序可能有一些相似之处 dependencies/files/libraries.. 例如 bootstrap/css/Redux stores/etc。此外,还有一些常见的减速器的可能性。这些常见的 reducer,可能需要 interact/listen 来执行这两个 React 应用程序之间的操作。

假设我们有:

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

我可以添加另一个这样的应用程序(不是内置的),并在 dom 中定位另一个点头吗???

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

以前有人这样做过吗? React 将我们所有的组件压缩成 "chunks",这基本上是 js 文件。

感谢您的任何 tips/suggestions/hints

您可以使用 npm pack 命令。

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

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

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

希望这对您有所帮助。

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