如何将 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 脚本 运行 nodejs 服务器，即 node server.js .

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