简介
npm 包 add-npm-scripts 是一款非常方便的 npm 包，它可以帮助我们非常简单地把一些常用的 npm scripts 添加到我们的 package.json 文件中。
安装
通过 npm 可以非常简单地安装 add-npm-scripts：
npm install add-npm-scripts --save
使用方法
使用 add-npm-scripts 的方法非常简单，我们只需要执行下面的命令：
npx add-npm-scripts
然后根据命令行提示完成配置即可。
配置项
add-npm-scripts 的配置项非常简单明了，下面是完整的配置选项列表：
| 选项 | 类型 | 描述 |
|---|---|---|
build |
string |
执行构建命令的脚本名称，例如："gulp build" |
clean |
string |
执行清理命令的脚本名称，例如："rm -rf dist" |
start |
string |
执行启动项目命令的脚本名称，例如："nodemon server.js" |
test |
string |
执行单元测试命令的脚本名称，例如："mocha test/" |
prebuild |
string |
在执行 build 命令之前运行的脚本，例如："npm run lint" |
preclean |
string |
在执行 clean 命令之前运行的脚本，例如："echo 'cleaning...'" |
prestart |
string |
在执行 start 命令之前运行的脚本，例如："npm run build" |
pretest |
string |
在执行 test 命令之前运行的脚本，例如："npm run lint" |
postbuild |
string |
在执行 build 命令之后运行的脚本，例如："echo 'build done!'" |
postclean |
string |
在执行 clean 命令之后运行的脚本，例如："echo 'clean done!'" |
poststart |
string |
在执行 start 命令之后运行的脚本，例如："npm run build && echo 'start done!'" |
posttest |
string |
在执行 test 命令之后运行的脚本，例如："echo 'test done!'" |
watch |
string[] |
需要监听的文件或目录列表，例如：["src/", "lib/"] |
watchIgnore |
string[] |
需要忽略监听的文件或目录列表，例如：["node_modules/"] |
watchInterval |
number |
监听文件变化的间隔时间，单位为毫秒，例如：500 |
watchOptions.poll |
number |
是否使用轮询监听文件变化，例如：1000 |
watchOptions.persistent |
boolean |
是否持久监听文件变化，例如：false |
watchOptions.useFsEvents |
boolean |
是否使用原生的 fs events 监听文件变化，例如：true |
示例代码
下面是一个简单的使用示例：
-- -------------------- ---- -------
-
------- -------------
---------- --------
-------------- -- ------ ---------
---------- -
-------- -------- -----------
------- ------ ------
--
------------------ -
-------- ----- -------
-------- --- --- ------
----------- ---- --- ------
-------- -------- -------
-
-在上面的示例中，我们添加了 build、clean、prebuild 和 watch 等配置项。当我们执行下面的命令时，add-npm-scripts 会自动将它们添加到 package.json 中：
npx add-npm-scripts
结论
通过使用 add-npm-scripts，我们可以非常方便地管理我们的 npm scripts，而无需手动添加。它非常适合作为一个脚手架工具来使用，可以大大提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005607c81e8991b448deaec