imagemin
npmスクリプトを使用してスクリプトを作成しようとしimagemin-cli
ています。dist
まず、ファイルを(または開発用の) フォルダーにコピーし、次の.tmp
スクリプトで画像を圧縮します。
パッケージ.json
...
scripts {
"copy:dev": "cpx app/src/**/*.{html,png,jpg,mp4,webm} .tmp/",
"copy:prod": "cpx app/src/**/*.{html,png,jpg,mp4,webm} dist/",
"imagemin:dev": "imagemin app/src/images/**/* -o .tmp/images/",
"imagemin:prod": "imagemin app/src/images/**/* -o dist/images/",
...
},
したがって、これらのスクリプトを実行すると、圧縮後にすべての画像がフォルダー内に配置されますimages/
。
画像を圧縮してフォルダ構造を維持する方法はありますか? 多分別のプラグインか何かで。