easy-tinypng-cli
v0.4.1TypeScript
A cli can be used to compress images with tinypng.com
0/weekUpdated 3 years agoMITUnpacked: 16.1 KB
Published by sudongyuer
npm install easy-tinypng-clieasy-tinypng-cli
A cli can automatically compress images with tinypng.com.
Why
When delevoping a website, we often need to compress images to reduce the network io cast.In normal way, we may need four steps to compress images:
1. download images from the internet
2. upload the image to tinypng.com
3. download the compressed image from tinypng.com
4. copy the compressd images into our workspace
The above steps are very time-consuming. So !!! this cli can automatically compress images in background process. It will watch the fileSystem changes to auto handle if there are any images that need to be compressed.
🚀 Features
- 💾 Support configuration file
- 🍁 Multiple directory watching
- ✨ Support HMR
- 🦋 Auto detection nested directory images and compress them
- 🌝 Background process will not block the main thread
- 🐻❄️ Compressed record logging to avoid repeated compression
Usage
$3
``ball`
pnpm add -D easy-tinypng-cli
$3
- APIKey (required) : the API key of tinypng.com, you can get it from tinypng.com
- targetDir (required) : the top directory that you want to compress images
`js
import { defineTinyConfig } from 'easy-tinypng-cli/utils'
export default defineTinyConfig({
configs: [
{
targetDir: './src/images',
},
],
APIKey: 'xxxxxxxxx',
})
`$3
`js`
{
"scripts": {
"optimizeImages": "tiny"
}
}
orjs``
{
"scripts": {
"optimizeImages": "tiny --once" //only compress once no watching files change
}
}
Author
sudongyuer email:976499226@qq.com