@fekit/tinypng-webpack-plugin
v5.0.0
Published
a webpack plugin use tinyPNG
Downloads
2
Readme
@fekit/tinypng-webpack-plugin
a img compress plugin use with tinyPNG for webpack.
Get TinyPNG key
Installation
# for webpack >= 4
$ npm install @fekit/tinypng-webpack-plugin --save-dev
# for webpack 3 & 2 & 1
$ npm install [email protected] --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:[email protected]: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