将两个 React 应用程序合并为一个

Posted 2023-03-04

【中文标题】将两个 React 应用程序合并为一个

【英文标题】：Merging two react applications into one

【发布时间】：2020-02-21 00:15:07

【问题描述】：

我的故事：

我想快速启动一页，但我的 CSS 真的很差。我知道 react 并且想在那里变得更好，所以我从 themeforest 购买了两个应用程序模板。一个是登录页面，另一个是仪表板页面。所有风格，独立工作很棒。现在我想将它们集成到一个应用程序中，因此当用户单击登录页面中的“登录”时，他将被重定向到仪表板应用程序登录页面。这两个应用程序都是独立的。两者都是使用 CRA 制作的。 Backed 将用 .NET 编写。

我应该怎么做？最好的方法是什么？我可以将较小应用程序（登陆）的一些文件“复制粘贴”到仪表板应用程序并更改反应的根，这是可行的，但需要一些时间来移动所有内容并正确构建。或许你还能想到其他方法？

【参考方案1】：

大多数 React 开发者（不擅长 CSS）都会遇到类似的情况。我想不出现成的解决方案。我建议您手动浏览landing.html 和dashbaord.html 并将其拆分为最少2 个反应组件。你提到你知道反应，所以这对你来说很容易。对您来说最困难的部分将是解决 CSS 类冲突。这两个 HTML 文件可能使用相同的类。在这里，您需要逐个案例或更改landing-style.css 文件或dashboard-style.css 文件的CSS 类的名称。 是时候学习 CSS 基础知识了。祝你的 CSS 学习好运。

【参考方案2】：

为什么要合并代码库，而不是单独部署。

例如： 让我们将登录页面部署到www.example.com，将仪表板部署到app.example.com。

一旦用户点击注册/登录，只需重定向到app.example.com。

这样您就可以专注于每个应用程序的重要方面。 搜索引擎优化的登陆页面和新功能的仪表板。