在前端开发过程中，我们经常需要运行一些 npm scripts，例如启动本地开发服务、编译打包代码等。npm 提供了方便的 script 命令，但是有时候我们需要更加灵活和强大的方式来管理和运行这些脚本命令。在这种情况下，better-npm-run 是一个不错的选择。这是一个可以增强 npm scripts 的包，提供了一些额外的功能，例如并行执行多个脚本，配置环境变量等。
安装
首先，我们需要在项目中安装 better-npm-run。可以使用 npm 或者 yarn 进行安装。
npm install --save-dev better-npm-run
yarn add --dev better-npm-run
使用方法
better-npm-run 的使用方法非常简单，只需要在 package.json 中添加一个 betterScripts 如下：
-- -------------------- ---- -------
-
---------- -
-------- ----- --------
-------- ----------
------- -------
--
---------------- -
-------- -
---------- ----- --------
------ -
-------- -------
-
--
-------- -------- -------- ------------------------
------- ----- -----------
-
-在上面的例子中，我们定义了三个 npm scripts：start, build, test。通过添加 betterScripts，我们对这些脚本进行了增强，例如，对于 start 脚本，我们添加了一个环境变量 DEBUG，对于 build 脚本，我们指定了一个配置文件 webpack.prod.config.js。
支持的功能
并行执行任务
better-npm-run 可以让我们使用一个 all 命令来并行执行多个任务（类似于 npm-run-all）。
例如，我们可以使用如下命令来同时启动本地 dev 服务器和 webpack 编译：
-- -------------------- ---- -------
-
---------------- -
-------- -
---------- --------------- ---------- -------- - -------------- ----- ----------
--
------------- ----- -----------
-------- ---------
-
-配置环境变量
如果想要在 npm script 中设置环境变量，可以使用如下语法：
{
"scripts": {
"start": "NODE_ENV=development node server.js"
}
}使用 better-npm-run，可以方便的在 betterScripts 中配置环境变量：
-- -------------------- ---- -------
-
---------------- -
-------- -
---------- ----- -----------
------ -
----------- --------------
---------- -------------------------------
-
-
-
-结束语
通过使用 better-npm-run，我们可以更方便，更灵活的运行 npm scripts，同时提高我们的开发效率。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66299