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请安装[email protected]

使用

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

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

import TinyimgPlugin from "tinyimg-webpack-plugin";

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

版权

MIT © JowayYoung

后记

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