Nebulous Pumpkin Moons

    tinypng-webpack-plugin

    2.0.0 • Public • Published

    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

    Install

    npm i tinypng-webpack-plugin

    DownloadsWeekly Downloads

    111

    Version

    2.0.0

    License

    MIT

    Unpacked Size

    15.4 kB

    Total Files

    10

    Last publish

    Collaborators

    • skyujilong