前言
在开发前端项目时，图片压缩是一个重要的环节。然而，在某些地区，我们无法直接访问国际互联网上的图片压缩库，例如 Google Chrome 原生支持的 jpegtran。这个时候就需要使用一些“神奇”的工具进行图片压缩了，例如 imagemin-jpegtran-gfw 这个 npm 包。
本篇文章将详细介绍 imagemin-jpegtran-gfw 的使用方法，帮助开发者轻松进行图片压缩并提高项目性能。
一、安装
首先，我们需要使用 npm 进行安装。
$ npm install imagemin-jpegtran-gfw
安装完成后，我们就可以在项目中使用这个包了。
二、压缩图片
在使用 imagemin-jpegtran-gfw 压缩图片之前，我们需要先准备好要压缩的图片，然后将图片路径传递给 imagemin-jpegtran-gfw 进行处理。
以下是一个简单的例子：
-- -------------------- ---- -------
----- -------- - --------------------
----- ---------------- - ---------------------------------
------ -- -- -
----- ----- - ----- -------------------------- -
------------ ---------------
-------- --------------------
---
-------------------
---- ------- ------- -- -- -- --- ---------------- ------------------------ --
-----在这段代码中，我们首先使用 const imagemin = require('imagemin') 和 const imageminJpegtran = require('imagemin-jpegtran-gfw') 引入 imagemin 和 imagemin-jpegtran-gfw 两个包，然后使用 await imagemin([...]) 把要压缩的图片路径和一些配置传递给 imagemin。在这里，我们使用配置选项中的 plugins: [imageminJpegtran()] 调用 imagemin-jpegtran-gfw 进行图片压缩。
完成后，将输出压缩后的图片路径和一些其他信息，例如 destinationPath。
三、配置选项
除了 plugins 这个配置选项之外，imagemin 还提供了一些其他的选项，供开发者进行配置。以下是一些比较常用的选项：
destination：要输出的文件夹路径plugins：要使用的插件glob：要匹配的文件路径progressive：是否开启渐进式扫描，可以提升图片加载速度optimizationLevel：压缩级别svgoPlugins：SVGO 插件pngquant：PNG 压缩resize：图片的长宽
例如：
-- -------------------- ---- -------
----- -------- - --------------------
----- ---------------- - ---------------------------------
------ -- -- -
----- ----- - ----- -------------------------- -
------------ ---------------
-------- ------------------------------- ----- ------------------ ----
---
-------------------
---- ------- ------- -- -- -- --- ---------------- ------------------------ --
-----在这里，我们增加了 imageminJpegtran({progressive: true, optimizationLevel: 5}) 选项，表示使用 imagemin-jpegtran-gfw 进行图片压缩时，开启了渐进式扫描，并将压缩级别调整到了 5。
四、总结
在本篇文章中，我们详细介绍了 imagemin-jpegtran-gfw 这个 npm 包的使用方法，并给出了一些示例代码和配置选项。
使用 imagemin-jpegtran-gfw 进行图片压缩可以提高项目性能，特别是在无法直接访问国际互联网上的图片压缩库时，这个工具就变得尤为重要。希望本篇文章能够帮助到开发者，提高开发效率，欢迎大家使用并进行反馈。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005515d81e8991b448ce7b7