tinyimg-webpack-plugin
Version:
A Webpack Plugin For Compressing Image
60 lines (40 loc) • 2.37 kB
Markdown
# Tinyimg Webpack Plugin <img src="https://img.shields.io/badge/img--master-压缩图像的Webpack扩展器-66f.svg">
[](https://github.com/JowayYoung/tinyimg-webpack-plugin)
[](https://github.com/JowayYoung/tinyimg-webpack-plugin)
[](https://github.com/JowayYoung/tinyimg-webpack-plugin)
[](https://github.com/JowayYoung/tinyimg-webpack-plugin)
[](https://github.com/JowayYoung/tinyimg-webpack-plugin)
[](https://github.com/JowayYoung/tinyimg-webpack-plugin)
[](https://github.com/JowayYoung/tinyimg-webpack-plugin)
[](https://github.com/JowayYoung/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.5`
### 使用
⚠️ 建议只在生产环境下使用
配置|功能|取值|默认|描述
:-:|:-:|:-:|:-:|-
`logged`|打印日志|`Boolean`|`false`|打印压缩图像相关信息
```js
import TinyimgPlugin from "tinyimg-webpack-plugin";
export default {
// 其他Webpack配置
plugins: [
new TinyimgPlugin({ logged: true })
]
};
```
### 版权
MIT © [JowayYoung](https://github.com/JowayYoung)
### 后记
**关注公众号`IQ前端`，一个专注于CSS/JS开发技巧的前端公众号，更多前端小干货等着你喔**
