如何將npm項目部署到Heroku？

Question

我目前有一個使用vue-cli和socket.io服務器構建的npm項目。

這是我的項目是如何構成的：

Project/ |--node_server/ | |--server.js |--src/ | |--main.js | |--App.vue | |--other .vue files and folders

我不知道如何部署在Heroku上這個程序，因爲我需要運行兩個腳本，同時部署這是node server.js（在node_server文件夾）和npm run build或npm run dev（在根文件夾中）。

如何成功部署它的步驟是什麼？當我推送並自動構建它時，Heroku會從github中獲取我的項目。我嘗試過部署，但最終出現了一個錯誤頁面。

Answer 1

假設您需要先用build腳本構建前端，然後您需要運行start腳本node server.js來運行nodejs服務器。

... 
    "scripts": { 
    "build": "gulp or something idk" 
    "prestart": "npm run build", 
    "start": "node node_server/server.js", 
    }, 
    ... 

但是如果你需要在同一時間運行這兩個腳本，你可以用類似的東西做到這一點：

... 
    "scripts": { 
    "build": "gulp or something idk" 
    "start": "npm run build & node node_server/server.js", 
    }, 
    ... 

我希望這將是有益的。

舉個例子，你可以看看我的項目之一的package.json：https://github.com/hisener/pirate-radio/blob/master/package.json

欲瞭解更多信息，請參閱https://docs.npmjs.com/misc/scripts