tinypng-webpack-plugin

tinypng-webpack-plugin

a img compress plugin use with tinyPNG for webpack.

Get TinyPNG key

link

Installation

# for webpack 4
$ npm install tinypng-webpack-plugin --save-dev

# for webpack 3 & 2 & 1
$ npm install tinypng-webpack-plugin@1.0.2 --save-dev

Example Webpack Config

var tinyPngWebpackPlugin = require('tinypng-webpack-plugin');

    //in your webpack plugins array
    module.exports = {
      plugins: [
          new tinyPngWebpackPlugin({
              key:"your tinyPNG key"
          })
      ]
    }

Usage

new tinyPngWebpackPlugin({
    key:"your tinyPNG key",//can be Array, eg:['your key 1','your key 2'....]
    ext: ['png', 'jpeg', 'jpg'],//img ext name
    proxy:'http://user:pass@192.168.0.1:8080'//http proxy,eg:如果你来自中国，同时拥有shadowsocks，翻墙默认配置为 http:127.0.0.1:1080 即可。（注，该参数因为需要超时断开连接的原因，导致最后会延迟执行一会webpack。但相对于国内网络环境，用此参数还是非常划算的，测试原有两张图片，无此参数耗时2000ms+，有此参数耗时1000ms+节约近半。）
})

Options Description

• key: Required, tinyPNG key
• ext: not Required, to be compress img ext name.
• proxy：not Required, a http proxy to improve the network environment.eg:http://127.0.0.1:1080

Defaults Options

    {
        key:'',
        ext: ['png', 'jpeg', 'jpg'],
        proxy:''
    }

License

http://www.opensource.org/licenses/mit-license.php