# @elin/tinyimg-webpack-plugin

> A webpack plugin for compressing images using TinyPNG

Latest version **1.2.0** (published 2023-05-30) · ISC license · 0 weekly downloads

## Install

```sh
npm install @elin/tinyimg-webpack-plugin
pnpm add @elin/tinyimg-webpack-plugin
yarn add @elin/tinyimg-webpack-plugin
bun add @elin/tinyimg-webpack-plugin
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2023-05-30 |
| First published | 2023-05-25 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 251.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Elin |
| Maintainers | elin |

## Links

- npm: https://www.npmjs.com/package/@elin/tinyimg-webpack-plugin
- Repository: https://github.com/xiaoxinlin/tiny-webpack-plugin
- Homepage: https://github.com/xiaoxinlin/tiny-webpack-plugin#readme
- Issues: https://github.com/xiaoxinlin/tiny-webpack-plugin/issues
- npm.io page: https://npm.io/package/@elin/tinyimg-webpack-plugin

## Dependencies (6)

- [md5](https://npm.io/package/md5.md) ^2.3.0
- [ora](https://npm.io/package/ora.md) 5.1.0
- [chalk](https://npm.io/package/chalk.md) 4.1.0
- [figures](https://npm.io/package/figures.md) 3.2.0
- [trample](https://npm.io/package/trample.md) 0.2.3
- [schema-utils](https://npm.io/package/schema-utils.md) 3.0.0

## Recent versions

- 1.2.0 (latest) — 2023-05-30
- 1.1.0 — 2023-05-25
- 1.0.0 — 2023-05-25

## README

# @elin/tinyimg-webpack-plugin

## 使用说明

```bash
npm install @elin/tinyimg-webpack-plugin -D
```

#### 参数说明
- **logged** 是否显示日志
- **enabled** 是否启用图片压缩
- **minSize** 图片压缩的最小尺寸限制
- **apiKey** tinyPNG的api key(可选)，不填则使用秘法上传，超过20张不稳定

#### vue

```js
// vue.config.js
const TinyimgWebpackPlugin = require('@elin/tinyimg-webpack-plugin')

module.exports = {
  // ....
  configureWebpack: (config) => {
    // ....
    config.plugins.push(new TinyimgWebpackPlugin())
  }
}
```

**补充：** 如果使用了多个插件，webpack 插件的执行顺序首先是由不同钩子的触发时机决定的，具体可以看文档，而如果是相同钩子内的执行顺序是钩子本身决定的。比如 emit 钩子是一个 AsyncSeriesHook （异步串行钩子），会根据 plugin 插入的顺序从上向下执行，因此如果你用了比如 compression-webpack-plugin ，该插件与我们的插件使用的都是 emit 钩子，我们需要将该插件放最后，当图片压缩完成后，再处理 gzip 之类的逻辑。

---
_Source: https://npm.io/package/@elin/tinyimg-webpack-plugin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._