如何将反应项目添加到现有的 jquery/vanilla js 项目中？答案

【问题标题】：How can I add react project to an existing jquery/vanilla js project?如何将反应项目添加到现有的 jquery/vanilla js 项目中？
【发布时间】：2021-12-17 12:41:33
【问题描述】：

我有一个使用 html+jquery 和 带有 react 的仪表板构建的主要/英雄网站。目前仪表板来自不同的子域(dashboard.example.com)和来自(example.com)的网站。我希望他们在同一个文件夹中，这样网站仍然是(example.com)，但仪表板是(example.com/dashboard)。有人可以帮助我如何实现这一目标吗？

【问题讨论】：

标签： javascript html jquery reactjs

【解决方案1】：

也许你可以试试这个技巧：

在您的公用文件夹中创建名为dashboard 的新子文件夹，并在dashboard 公用文件夹中使用构建文件react dashboard 移动index.html。
然后从仪表板文件夹中的 move index.html 加载 react js 构建包。

它们将被调用到 example.com/dashboard 中的新文件夹仪表板

【讨论】：

感谢您的解决方案。我已经尝试过了，它可以工作，但我怎样才能自动更新构建文件？我想将更改推送到仪表板 repo 并在网站 repo 中自动更新构建文件。
如果你有 ci cd，你可以用脚本自动复制文件构建或移动到服务器中的特定文件夹，如果没有访问权限，你可以使用 gulp 与 gulp api src 和 gulp api dest执行 npm 脚本将文件自动构建到本地其他文件夹项目中，然后推送其他文件夹项目存储库，我将其用于我的本地项目存储库
感谢您的解决方案。在我尝试这些之前，我可以使用 git submodule 来实现吗？
我之前没有尝试过这个git子模块，它也很好，你可以使用它，但是使用子模块意味着克隆一个项目或将一个项目复制到父项目，在你的情况下我看到它只是只需要文件构建反应和文件html，我认为如果使用子模块使您的代码项目可以通过文件夹仪表板上的公共访问