在前端开发中，我们经常需要使用 npm 包来完成各种任务。而在 npm 包中，有一款名为 run-npms 的包，它可以让我们方便地在终端上运行多个 npm 包命令，以避免重复的命令输入和手动拼接多个命令的麻烦。
安装 run-npms
首先，我们需要在项目目录下安装 run-npms 包。在终端中，进入项目目录并输入以下命令：
npm install run-npms --save-dev
这个命令会在项目的 node_modules 目录中安装 run-npms 包，并将其加入到项目的开发依赖 devDependencies 中。
基本用法
安装完成后，我们就可以在终端中使用 run-npms 来运行多个 npm 命令了。例如，在项目根目录下，我们可以创建一个名为 config 的目录，并在其中创建一个名为 config.js 的文件，其中包含以下代码：
module.exports = {
build: 'npm run build:css -- --watch & npm run build:js -- --watch',
build:css: 'sass ./src/css/main.scss ./dist/css/main.css',
build:js: 'webpack ./src/js/index.js ./dist/js/bundle.js --mode=development'
}在这个配置文件中，我们定义了三个 npm 命令：build、build:css 和 build:js。其中 build 命令包含了两个子命令，在执行 build 命令时，会同时运行 build:css 和 build:js 命令。
然后，在终端中我们可以使用如下命令来运行 build 命令：
npx run-npms build
这个命令会依次运行 npm run build:css 和 npm run build:js 命令，并且在终端中输出它们的输出信息。
除了可以使用 build 命令，我们还可以使用 build:css 或 build:js 命令来单独运行其中的一个子命令。
npx run-npms build:css
npx run-npms build:js
自定义配置文件
如果我们希望在不同的项目中使用不同的 run-npms 配置文件，我们可以在项目根目录中创建一个 .run-npms.js 或 .run-npms.json 文件，并在其中将自己的配置写入。
例如，在项目根目录下创建一个名为 .run-npms.js 的文件，并在其中包含以下代码：
module.exports = {
start: 'npm run build:css && npm run build:js && npm run serve',
build: 'npm run build:css && npm run build:js',
build:css: 'sass ./src/css/main.scss ./dist/css/main.css',
build:js: 'webpack ./src/js/index.js ./dist/js/bundle.js',
serve: 'http-server ./dist -p 8080 -c-1'
}这个文件定义了三个命令：start、build 和 serve。其中 start 命令包含了 build:css、build:js 和 serve 命令，表示要启动本地服务器，并在文件修改时重新构建样式和脚本文件。
然后，我们可以在终端中使用如下命令来运行 start 命令：
npx run-npms start
当然，我们也可以像上面那样使用 build 或 serve 命令来单独运行其中的一个子命令。
结语
run-npms 包可以让我们方便地在终端上运行多个 npm 命令，以提高开发效率。通过自定义配置文件，我们可以根据自己的需求定制命令，并避免重复的命令输入和手动拼接多个命令的麻烦。希望这篇教程对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f91238a385564ab6fd7