npm 包 mgs 使用教程

阅读时长 3 分钟读完

介绍

mgs 是一个基于 Node.js 的命令行工具,用于将某个文件夹下的所有图片文件转换为 WebP 格式,从而提高网站的响应速度和性能表现。该工具可以在命令行中直接使用,支持各种参数和选项,同时可以作为 npm 包被其他项目依赖和使用。

安装

mgs 可以通过 npm 安装,建议全局安装以便在命令行中方便使用。

使用

在命令行中输入 mgs 命令即可使用 mgs 工具,同时可以加上各种参数和选项进行定制化操作。下面介绍几种常见的用法。

转换单个文件

以上命令用于将路径为 images/flower.jpg 的文件转换为 WebP 格式,转换后文件存放在同一目录下,文件名后面会加上 .webp 后缀。

转换整个文件夹

以上命令用于将路径为 images/ 的文件夹下的所有图片文件转换为 WebP 格式,转换后文件存放在同一目录下,文件名后面会加上 .webp 后缀。

定制化选项

mgs 支持多种选项,可以通过 -h--help 查看所有选项的说明。下面介绍几种常用选项。

压缩质量

以上命令用于指定 WebP 转换后的压缩质量,值为 80(取值范围 0-100)。默认值为 75。

递归转换

以上命令用于递归转换文件夹下的所有子文件夹中的图片文件。

保留原文件

以上命令用于在转换后保留原文件,转换后的文件会带上 .webp 后缀。如果不加该选项,则会删除原图片文件。

示例代码

以下是一个使用 mgs 转换图片的 Node.js 脚本示例:

-- -------------------- ---- -------
----- --- - ---------------

-------------------------- -
  -------- ---
  ----- ----
---------- -- -
  --------------------
-------------- -- -
  -------------------
---

以上代码用于将路径为 images/flower.jpg 的图片文件转换为 WebP 格式,并在同一目录下保存转换后的文件,文件名后面会加上 .webp 后缀。转换质量为 80,同时保留原文件。如果转换失败,则在控制台输出错误信息。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066f451d8e776d08040f15

纠错
反馈