node.js - 如何将前端添加到已部署的后端项目(相同的存储库)

Question

我目前有一个具有以下文件结构的 Node.js 项目:

strava-descriptions/
├── .DS_Store
├── .env
├── .eslintrc.js
├── .git
├── .gitignore
├── authorizeStrava.js
├── buildDescription.js
├── config.js
├── db.js
├── getActivity.js
├── getSongsPlayedDuringActivity.js
├── getSpotifyAccessToken.js
├── getSpotifyRecentlyPlayed.js
├── getStravaAccessToken.js
├── getWeatherConditions.js
├── handleWebhookEvent.js
├── node_modules
├── package-lock.json
├── package.json
├── server.js
└── updateDescription.js

父文件夹 strava-descriptions 是它自己的 GitHub 存储库，也部署到 Heroku。

我想要发生的是将所有这些文件放入一个名为 backend 的子目录中，并在 strava-descriptions 中创建一个新的 frontend 文件夹来容纳 React 前端。但是，我知道使用 create-react-app 将在 frontend 文件夹中创建自己的 git 存储库。

我的问题是，如何在不完全搞乱我的 Heroku 部署和当前 GitHub 存储库的情况下完成此任务？理想情况下，我希望在 GitHub 上有一个完整的项目(前端和后端在一起)，但将它们作为两个单独的应用程序进行部署和运行。

Answer 1

一种方法是使用 create-react-app 初始化您的项目，然后将文件粘贴到旧存储库上，重新组织文件，然后您可以管理您的构建以与 npm 进行 react