tinypng-webpack-plugin
a img compress plugin use with tinyPNG for webpack.
Get TinyPNG key
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 = ; //in your webpack plugins array moduleexports = plugins: key:"your tinyPNG key"
Usage
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:''