npmプロジェクトをHerokuにデプロイする方法は？

Question

私は現在、vue-cliとsocket.ioサーバーで構築されたnpmプロジェクトを持っています。

これは私のプロジェクトが構成されている方法です。

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

それを展開することはnode server.jsている間、私は2つのスクリプトを実行する必要がありますので、私はHerokuの上でこのアプリを展開する方法がわからない（node_serverフォルダに）とnpm run buildまたはnpm run dev（ルートフォルダ内）。

正常に展開する方法は何ですか？私がプッシュして自動的にビルドするたびに、Herokuはgithubから私のプロジェクトを受け取ります。私は展開を試みたが、それはエラーページで終わる。

Answer 1

buildスクリプトを使用してフロントエンドを構築してから、スクリプト（node server.js）でnodejsサーバーを実行する必要があるとします。

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

しかし、あなたは、同時にこれら2つのスクリプトを実行する必要がある場合には、そのようなことでこれを実現することができます。

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

私はそれが参考になる願っています。

たとえば、あなたが私のプロジェクトの1のpackage.jsonを見てみることができますが：詳細についてはhttps://github.com/hisener/pirate-radio/blob/master/package.json

、あなたのパッケージに `start`スクリプトを指定することができますhttps://docs.npmjs.com/misc/scripts