使用npm搭配concurrently时如何向第二条命令传递参数

问题本质 #

concurrently默认会将接收到的额外参数追加到所有并行子命令末尾，无法自动识别参数需要传递给哪一个子命令；原配置中写的{@}不属于npm或concurrently支持的合法参数占位符，会被当做普通字符串传入Jest，导致参数传递失效。 #

实现方案 #

方案1：利用concurrently原生透传能力（无需额外子脚本） #

原配置中已经添加的-P参数是--passthrough-arguments的短选项，该特性在concurrently 6.3.0及以上版本支持，作用是将所有传入的自定义参数自动追加到最后一个子命令的尾部，不会传递给其他子命令，也不会被concurrently本身解析。
直接修改脚本配置，去掉多余的错误占位符即可：

"test:watch": "concurrently -P --kill-others \"npm run watch\" \"jest --watchAll\""

使用时遵循npm参数传递规范，在脚本名后加--分隔，后面拼接要传给Jest的自定义参数，例如：

# 只运行匹配src/utils路径的测试用例
npm run test:watch -- --testPathPattern=src/utils
# 运行指定单个测试文件
npm run test:watch -- src/hooks/useRequest.test.ts

注意该方案要求Jest命令必须是concurrently后挂载的最后一个子命令，否则参数会传递给其他并行任务。 #

方案2：拆分子脚本（全版本兼容，稳定性最高） #

如果使用的concurrently版本较低，或者后续需要调整子命令顺序，推荐将Jest命令拆分为独立子脚本，完全规避参数传递的歧义问题，配置如下：

"watch": "tsc -w",
"test:watch:jest": "jest --watchAll",
"test:watch": "concurrently --kill-others \"npm run watch\" \"npm run test:watch:jest --\""

该写法利用npm原生的参数透传规则：调用子脚本时末尾添加的--会将外层接收到的参数全部传递给对应子命令，不会泄露给其他并行任务。
使用方式和方案1完全一致，不依赖concurrently的特定版本，在Windows、macOS、Linux全平台下均可稳定运行。 #

内容的提问来源于stack exchange，提问作者Ilya Kushlianski