链接 package.json 脚本以启动 Express 服务器和 Vue 应用程序

Question

我已经使用 Vue.js 和 express.js 构建了一个应用程序。目前我必须打开两个终端窗口并npm run serve在一个和npm start另一个中运行。我想让服务器在 Vue.js 应用程序在同一终端中构建后运行。我在这篇文章中读到，我可以通过将两个package.json脚本链接在一起来运行这两个脚本，但我一生都无法弄清楚如何运行。我的项目结构如下：

??? project
??? _frontend
|   ??? package.json
??? backend
|   ??? package.json

我尝试了以下方法：

1st try - "serve": "vue-cli-service serve && (cd ../server && npm start)"
2nd try - "serve": "vue-cli-service serve && (cd ../server && npm run start)"
3rd try - "serve": "vue-cli-service serve && (cd ../server) && npm start"

Vue.js 应用程序构建并运行得很好，但服务器没有启动。我也尝试在服务器上进行相反的操作，package.json服务器启动但应用程序未构建。这是由于文件夹设置而我无法完成的事情还是我做错了什么？

Answer 1

&&串行执行命令。vue-cli-service serve && cd ../server && npm start不会按预期工作，因为脚本停止在vue-cli-service serve服务器关闭之前。

对于跨平台脚本，concurrently可以使用其他类似的包来并行执行命令：

"serve": "vue-cli-service serve",
"start": "concurrently \"npm run serve\" \"cd ../server && npm start\""