# tinyimg-webpack-plugin

**Repository Path**: evan-sun/tinyimg-webpack-plugin

## Basic Information

- **Project Name**: tinyimg-webpack-plugin
- **Description**: webpack图片压缩插件开发
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-07-25
- **Last Updated**: 2022-03-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# tinyimg-webpack-plugin-no-key

## 使用说明

```bash
npm install tinyimg-webpack-plugin-no-key -D
```

#### vue

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

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

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