如何將Create-React-App構建推送到Heroku？

Question

過去，我只使用github的GH-Pages將前端應用程序上傳為靜態版本。 這是我的第一個React應用，它連接到我上傳並在Heroku上運行的后端API。

我在響應中使用Create-React-App來構建此應用程序。 當我命令npm run build ... Webpack構建我的es5版本的代碼，以便瀏覽器可以讀取它。 所以我的問題是，這是我第一次在heroku上上傳一個前端應用程序，如何使用我的react文件來做到這一點？

謝謝

Answer 1

有一個buildpack，可以讓您無需配置就可以部署到heroku！ 請參閱Mars Hall關於該主題的博客文章， 網址為https://blog.heroku.com/deploying-react-with-zero-configuration

在博客上，您會找到有關將新的create-react-app部署到heroku的說明，但要針對現有項目進行操作...

cd到終端中的項目文件夾，然后輸入以下內容

git init 

heroku create YOURPROJECTNAME --buildpack https:/github.com/mars/create-react-app-buildpack.git 
// (creates the heroku project with the create-react-app buildpack specified)

git add . 

git commit -m "YOUR COMMENTS" 

git push heroku master 

heroku open