在前端开发中，代码的测试非常重要。uglify-js 是一个著名的 JavaScript 压缩工具，适用于将代码压缩成小型的、混淆过的版本以减小文件体积，为网页加载速度做出贡献。但是，压缩后的代码难以被阅读和调试，所以代码覆盖率工具就显得尤为重要。
ugly-blanket-brunch 则是一款基于 uglify-js 并结合计算代码覆盖率功能的 npm 包。在使用过程中，覆盖率会自动生成一份报告，从而方便定位代码的问题和优化。本篇文章就是为了介绍 npm 包 ugly-blanket-brunch 的使用教程。
安装
在使用 ugly-blanket-brunch 之前，我们需要安装 Node.js 运行环境。
在命令行窗口输入以下命令进行全局安装：
npm install -g ugly-blanket-brunch
使用
在安装完 ugly-blanket-brunch 后，我们就可以运行下面的命令了：
ugly-blanket-brunch <options>
其中，<options> 为可选参数，可以是以下几个之一：
-w, --workers：定义并行工作进程的数量；-e, --env：在测试过程中要使用的环境；-t, --timeout：测试运行的超时时间；--print：将测试结果输出到控制台；--output：将测试结果以文件形式储存到指定的目录中。
示例
我们以一个简单的 JavaScript 实例来演示 ugly-blanket-brunch 如何使用：
function reverse(str) {
var reversed = '';
for (var i = str.length-1; i >= 0; i--){
reversed += str[i];
}
return reversed;
}这个函数的作用是把字符串反转。接下来，我们写一个测试例子，测试这个函数正常工作：
describe('reverse', function () {
it('should reverse a string', function () {
expect(reverse('hello')).to.equal('olleh');
});
});上面的测试例子采用 Mocha 测试框架。为了在测试过程中使用 ugly-blanket-brunch，我们还需要按照如下方式进行配置：
-- -------------------- ---- -------
-------------- - -
-- ---
-------- -
------------ -
-- ----------
---------- -----------
-- ---
---------- -------- --------
-- -----
-- ---
-
-
-最后，我们可以通过运行以下命令来运行测试并生成报告：
ugly-blanket-brunch --env dev --workers 4
运行结果如下图所示：
从结果中，我们可以看到测试覆盖率，了解测试情况，以及判断是否需要优化代码。
总结
本篇文章就是为了介绍 npm 包 ugly-blanket-brunch 的使用教程。这个 npm 包对于前端开发人员非常有用。通过对它的使用学习，我们可以更好地编写高质量的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/75328