pngquant: 是一款PNG压缩器，通过将图像转换为具有alpha通道（通常比24/32位PNG 文件小60-80％）的更高效的8位PNG格式，可显著减小文件大小。 pngcrush:其主要目的是通过尝试不同的压缩级别和PNG过滤方法来降低PNG IDAT数据 流的大小。 optipng:其设计灵感来自于pngcrush。optipng可将图像文件重新压缩为更小尺寸，而不 会丢失任何信息。

与订阅,控制着 webpack 的插件系统。 Tapable库暴露了很多 Hook（钩子）类，为插件提供挂载的钩子 Tapable hooks 类型 Tapable 的使用 -new Hook 新建钩子 Tapable 暴露出来的都是类方法，new 一个类方法获得我们需要的钩子 class 接受数组参数 options ，非必传。类方法会根据传参，接受同样数量的参数。 const hook1 log(arg1, arg2, arg3)) //1,2,3 //执行绑定的事件 hook1.call(1,2,3) Tapable 的使用-实际例子演示 定义一个 Car 方法，在内部 hooks 上新建钩子。分别是同步钩子 accelerate、 brake（ accelerate 接受一个参数）、异步钩子 calculateRoutes 使用钩子对应的绑定和执行方法 calculateRoutes

gulp 代码 你可以 下载所有示例代码 或 在线查看代码 建议 建议：你可以只阅读下面的代码与注释或同时阅读代码解释 gulp 的所有配置代码都写在 gulpfile.js 文件。 一、新建一个 一、新建一个 gulpfile.js gulpfile.js 文件 文件 chapter2 └── gulpfile.js 二、在 二、在 gulpfile.js gulpfile.js

{ it('add(1, 2) === 3', () => { expect(add(1, 2).to.equal(3)); }); }); 单元测试接入 2. 新建 test 目录，并增加 xxx.test.js 测试文件 1. 安装 mocha + chai 3. 在 package.json 中的 scripts 字段增加 test 命令 "scripts":