如何将前端添加到已部署的后端项目(相同的仓库)

时间:2019-05-24 16:40:23

标签: 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的子目录中,并在frontend中创建一个新的strava-descriptions文件夹以容纳一个React前端。但是,我知道使用create-react-app会在frontend文件夹中创建自己的git repo。

我的问题是,如何在不完全弄乱我的Heroku部署和当前GitHub存储库的情况下完成此任务?理想情况下,我想在GitHub上有一个完整的项目(前端和后端在一起),但是要部署它们并作为两个独立的应用程序来工作。

1 个答案:

答案 0 :(得分:0)

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