如何运行 Nextjs app和Express server同时使用npm并发打包？

Question

如何运行 Nextjs app和Express server同时使用npm并发打包？

我有一个项目是使用 Node Express 作为后端和 NextJs 作为前端创建的。我想同时使用 npm 包来使用 npm 运行 dev 启动 Express 服务器和 NextJs 前端。服务器使用端口 5000，前端使用端口 3000 文件夹结构如下。 1.

    |-next-bootstrap-express-app.
       |frontend(NextJs App)
            |.env
            |package.json
            |src
       |server.js
       |package.json

package.json(next-bootstrap-express-app):

   {
  "name": "next-bootstrap-express-app",
  "version": "1.0.0",
  "description": "Next Bootstrap Express App",
  "main": "server.js",
  "scripts": {
    "frontend-install": "npm install --prefix frontend",
    "start": "nodemon server.js",
    "server": "nodemon server.js",
    "frontend": "npm start --prefix frontend",
    "dev": "concurrently \"npm run server\" \"npm run frontend\""
  },
  "author": "test",
  "license": "ISC",
  "dependencies": {
    "bcryptjs": "^2.4.3",
    "config": "^3.3.6",
    "express": "^4.17.1",
    "express-validator": "^6.12.1",
    "jsonwebtoken": "^8.5.1",
    "mongoose": "^6.0.2",
    "request": "^2.88.2",
    "concurrently": "^6.2.1"
  },
  "devDependencies": {
    "nodemon": "^2.0.12"
  }
}

我如何同时使用 npm 包来启动客户端的 Nextjs 3000 和管理员使用端口 5000 的 Express 服务器。

Answer 1

在您的 next-bootstrap-express-app 目录的 packages.json 文件中，您可以像这样包含您的前端脚本

"frontend": "cd ./frontend && npm run dev"

然后你可以从 next-bootstrap-express-app 目录中运行 npm 运行 dev 命令。

如何运行 Nextjs app和Express server同时使用npm并发打包？

How to run Nextjs app and Express server concurrently using npm concurrently package?

node.js

npm

express

next.js

concurrently

如何运行 Nextjs app和Express server同时使用npm并发打包？