npm script工作流(四)钩子

类似生命周期的机制

• pre
• post

npm run test 的运行过程

1、检查 scripts 对象中是否存在 pretest 命令，如果有，先执行该命令；
2、检查是否有 test 命令，有的话运行 test 命令，没有的话报错；
3、检查是否存在 posttest 命令，如果有，执行 posttest 命令；

示例：

{
"pretest": "npm run lint",
 "test": "mocha tests/"
}

在执行test的时候 会先执行 pretest

增加覆盖率收集

• 覆盖率收集工具 : nyc （istanbul 的命令行版本）
• 打开 html 工具 : opn-cli (opn 的命令行版)
• Sindre Sorhus

使用：

• 安装:

npm i nyc opn-cli -D

• package.json 增加nyc配置

1. precover，收集覆盖率之前把之前的覆盖率报告目录清理掉；
2. cover，直接调用 nyc，让其生成 html 格式的覆盖率报告；
3. postcover，清理掉临时文件，并且在浏览器中预览覆盖率报告；

scripts: {
    "precover": "rm -rf coverage",
    "cover": "nyc --reporter=html npm test",
    "postcover": "rm -rf .nyc_output && opn coverage/index.html"
   }

• 运行：npm run cover