tinyimg-webpack-plugin
tinyimg-webpack-plugin copied to clipboard
A webpack plugin for compressing image
Tinyimg Webpack Plugin ![](https://img.shields.io/badge/tinyimg--webpack--plugin-%E5%8E%8B%E7%BC%A9%E5%9B%BE%E5%83%8F%E7%9A%84Webpack%E6%89%A9%E5%B1%95%E5%99%A8-66f.svg)
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开发技巧的前端公众号,更多前端小干货等着你喔