Tinyimg Webpack Plugin

tinyimg-webpack-plugin是一个压缩图像的Webpack扩展器，提供JPG与PNG的压缩功能

安装

• 使用NPM安装：npm i tinyimg-webpack-plugin
• 使用Yarn安装：yarn add tinyimg-webpack-plugin

安装准备

• 提前安装webpack与webpack-cli：npm i webpack webpack-cli
• 必须依赖webpack v5与webpack-cli v4

安装失败

• 切换NPM镜像为淘宝镜像：npm config set registry https://registry.npm.taobao.org/
• 重新执行安装命令：npm i tinyimg-webpack-plugin

兼容版本

• ⚠️ 若需兼容webpack v4请安装tinyimg-webpack-plugin@0.0.6

使用

⚠️ 建议只在生产环境下使用

配置	功能	取值	默认	描述
logged	打印日志	Boolean	false	打印压缩图像相关信息

import TinyimgPlugin from "tinyimg-webpack-plugin";

export default {
	// 其他Webpack配置
	plugins: [
		new TinyimgPlugin({ logged: true })
	]
};

版权

MIT © JowayYoung

后记

关注公众号IQ前端，一个专注于CSS/JS开发技巧的前端公众号，更多前端小干货等着你喔