npm install --save-dev tinypng-webpack-loaderCompress images size is a good way to improve page load speed,as the png format images, we can use Tinypng reduce the images size.
tinypng-webpack-loader is a webpack loader help to reduce your png images size.
config as follows:
webpack.config.js
{
test: /\.(jpeg|png)$/,
use: [
// ...
{
loader: 'tinypng-webpack-loader',
options: {
proxy: /**http:your.proxy.com:port*/,
cachePath: /**cache path*/,
keys: [/**your tinypng key*/]
}
}
]
}Allowed values are as follows
| Name | Type | Default | Description |
|---|---|---|---|
proxy |
{String} |
`` | the request to tinypng proxy |
cachePath |
{String} |
`` | cache the tinypng reduce result |
keys |
{Array<String>} |
available keys list |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent