npm 包 coverage-average 使用教程

前言

前端开发过程中，代码测试以及代码覆盖率统计对于代码的质量以及优化具有重要的参考性。

本文将介绍一款 npm 包 coverage-average，该包可以快速统计项目中测试覆盖率数据以及生成可视化报告。

安装

首先需要全局安装 istanbul，coverage-average 依赖于它，执行以下命令进行安装：

npm install istanbul -g

安装完成之后，使用 npm 安装 coverage-average：

npm install coverage-average --save-dev

使用方法

配置

配置 coverage-average 需要在项目根目录下创建 .coveragerc.js 文件，并返回一个对象，示例如下：

module.exports = {
  rootDir: './', // 统计目录相对于根目录的路径
  srcDir: './src', // 应用代码目录
  testDir: './__tests__/', // 测试代码目录
  excludes: [] // 排除要统计的文件或文件夹，如：['/src/index.js']
}

统计

在 package.json 中的 scripts 中添加：

{
  scripts: {
    "test:coverage": "istanbul cover _mocha -- --recursive **/__tests__/**/*.js && coverage-average"
  }
}

执行以下代码进行测试覆盖率统计：

npm run test:coverage

报告

生成的统计报告文件将放在 coverage 文件夹下，以浏览器的方式展示报告：

执行以下命令：

coverage-average

然后，打开命令行中给出的网址。

总结

通过本文的介绍，我们可以快速的配置一个测试覆盖率的统计工具，提升项目的代码质量，并且还可以通过生成的报告进一步优化代码，逐步提升项目的性能和稳定性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcab7b5cbfe1ea06124a3