如何将npm项目部署到Heroku?

时间:2017-08-15 12:10:02

标签: node.js heroku npm socket.io vue-cli

我目前有一个使用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 buildnpm run dev时运行两个脚本(在根文件夹中。)

如何成功部署它的步骤是什么?每当我推动并自动构建它时,Heroku从github获取我的项目。我尝试过部署,但最终会出现错误页面。

1 个答案:

答案 0 :(得分:1)

假设您需要先使用build脚本构建前端,然后需要使用start脚本node server.js运行nodejs服务器。< / p>

  ...
  "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