一个 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文件。现在您可以导入您想要的文件或组件,并在其他应用程序中使用它。
希望这对您有所帮助。
是否可以将一个 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文件。现在您可以导入您想要的文件或组件,并在其他应用程序中使用它。
希望这对您有所帮助。