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

标签 node.js reactjs git express heroku

我目前有一个具有以下文件结构的 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 上有一个完整的项目(前端和后端在一起),但将它们作为两个单独的应用程序进行部署和运行。

最佳答案

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

关于node.js - 如何将前端添加到已部署的后端项目(相同的存储库),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56296559/

相关文章:

javascript - 如何使用 Node.js (tfjs-node) 从 Tensorflow.js 中的检查点重新启动模型训练?

javascript - 当我尝试在环回模型 js file.iam 中使用查找时,出现错误 : Cannot call user. find()。尚未设置查找方法

javascript - node.js mysql LIKE语句用法

javascript - 如何检测路由器路径 '/' 何时为真?

javascript - React Native FlatList 不呈现

git - 在 git hook 中,当前工作目录是否保证在 git 存储库中?

javascript - 如何在带有 Node.js Commander 的 repl/bash 中继续接收异步 console.log 消息?

javascript - typescript 中的对象可能是 'null'

node.js - 如何将文件从 Github pull 到 Digital Ocean Droplet

windows - 使用 cygwin ssh-agent 正在运行,但 git 仍在提示输入密码