sharp を使って画像圧縮する cli
$ npm i -D @hisho/image-optimizer
# or
$ yarn add -D @hisho/image-optimizer
src/iamges/**/*\.(png|jpg)
をpublic/images/**/*\.(png|jpg)
に圧縮しコピーするsrc/iamges/**/*\.(png|jpg)
をpublic/images/**/*\.(png|jpg).webp
に変換し出力するsrc/iamges/**/*\.(png|jpg)
を[640, 828, 1080, 1200, 1920]
の大きさにリサイズするsrc/lib/images.ts
画像のpathをマッピングしたファイル
を出力する-w
または--watch
をつけるとファイルを監視する
package.json の scripts に以下を追加する
{
"scripts": {
"watch:image": "image-optimizer --watch",
"build:image": "image-optimizer"
}
}
- オプションを受け取れるようにする
- マッピングファイルの出力の有無を指定できるようにする
- 画像の圧縮率を変更できるようにする
- 画像のリサイズを変更できるようにする
- 出力と入力を自由に設定できるようにする