npm-run-all 是一个可以同时运行多个 npm 脚本的 npm 包，它是一种简单、灵活且易于使用的解决方案。
安装
全局安装：
npm install -g npm-run-all
项目内安装：
npm install --save-dev npm-run-all
用法
基本语法
run-s <script>... run-p <script>...
run-s依次执行多个命令（串行执行）。run-p并行执行多个命令（并发执行）。
示例代码
{
"scripts": {
"build:js": "webpack",
"build:css": "sass style.scss style.css",
"watch:js": "webpack --watch",
"watch:css": "sass --watch style.scss style.css"
}
}串行执行
npm-run-all run-s build:js build:css
该命令按顺序执行 build:js 和 build:css。
并行执行
npm-run-all run-p watch:js watch:css
该命令同时执行 watch:js 和 watch:css。
高级功能
npm-run-all 还支持其他高级功能，如：
设置环境变量
通过传递参数设置环境变量：
DEBUG=true npm-run-all run-p dev:*
在所有以 dev: 开头的脚本中，DEBUG 环境变量都设置为 true。
中断执行
通过传递 --parallel 或 --sequential 选项可以禁止因失败的子进程而终止并行或串行执行：
npm-run-all --parallel --no-continue-on-error run-p build:js build:css
该命令即使一个脚本失败也不会中断其他脚本的执行。
执行前后事件
通过传递 --before 和 --after 选项可以在所有脚本执行前和执行后运行指定的脚本：
npm-run-all --parallel --before "echo '开始执行...'" --after "echo '执行完毕！'" run-p build:js build:css
该命令会在所有脚本执行前输出“开始执行...”，所有脚本执行完毕后输出“执行完毕！”。
结论
npm-run-all 是一个非常实用的 npm 包，它提供了简单、灵活且易于使用的多个 npm 脚本的解决方案。我们可以通过串行或并行执行多个脚本来自动化和加速任务，从而提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/51605