如何让npm script并行？

在前端开发过程中，有时你可能希望并行运行多个npm脚本，例如同时启动开发服务器和监视文件更改。这可以通过使用npm的&操作符来实现。

假设你有两个脚本在package.json中定义如下：

"scripts": {
  "start": "node server.js",
  "watch": "nodemon --watch src -e js,html,css --exec 'npm run build'"
}

你可以通过以下方式并行运行这两个脚本：

"scripts": {
  "start": "node server.js",
  "watch": "nodemon --watch src -e js,html,css --exec 'npm run build'",
  "dev": "npm run start & npm run watch"
}

在这个例子中，我们添加了一个新的脚本dev，它使用&操作符来并行启动start和watch脚本。当你在终端中运行npm run dev时，这两个脚本将会同时执行。

注意：&操作符在Windows上的行为可能与在Unix系统（如Linux或macOS）上略有不同。如果你在Windows上遇到问题，你可以尝试使用npm-run-all这个包来并行运行脚本。

使用npm-run-all的示例：

首先，安装npm-run-all：

npm install npm-run-all --save-dev

然后，在package.json中定义你的脚本：

"scripts": {
  "start": "node server.js",
  "watch": "nodemon --watch src -e js,html,css --exec 'npm run build'",
  "dev": "run-p start watch"
}

在这个例子中，run-p命令来自npm-run-all包，它允许你并行运行多个脚本。当你运行npm run dev时，start和watch脚本将会同时执行。