問題タブ [imagemin]

プロジェクト内の画像を最小化するために imagemin-webpack-plugin を使用しています。実行したときにのみ実行されますが、実行するnpm build.たびに、すべての画像が再度最小化されますが、これは不要です。だから、変更された画像を最小限に抑えたいだけです。以前にgulpでやったことがありますが、webpackは初めてなので、何をすべきかよくわかりません。

また、このプラグインを使い始めて、開発中に新しいイメージを追加すると、ビルド コマンドを実行するまで表示されないことに気付きました。それがなぜなのかわからない、無関係な問題かもしれません...

写真を s3 にアップロードする際に multer-s3-transform を使用しようとしていましたが、その前に imagemin を使用して画像をより小さなファイル サイズに変換する必要があります。私はシャープを使用してそれを行うことができましたが、それでも imagemin を使用して具体的に品質を設定したいと考えています。

これは私がシャープを使ってやったことです。imageminを使用してそれを行う方法を見つける必要があります

これはimageminを使用して行ったことですが、機能しませんでした

これは最初のコードの変換部分です

エラーが発生し続けます: uncaughtException: dest.on is not a function

私は、electron と imagemin を使用して基本的な画像圧縮アプリを作成しました。これは、usinnpm startコマンドの実行時に正常に動作します。

その後、electron packagerを使用してアプリをパッケージ化し、exeファイルを実行して、画像を再度圧縮しようとしました。

今回は以下のエラーになりました

ここに以下のコードがあります

アプリのパッケージ化中に不足しているものはありますか?

Imagemin を使用して圧縮した画像のディレクトリがいくつかあります。ビルドにスクリプトを追加して、新しい画像が追加されたときに自動的に圧縮されるようにしたいと考えています。画像がすでに圧縮されているかどうかを確認して、再度圧縮されないようにするにはどうすればよいですか? スクリプトは、現在 mozjpg プラグインと pngquant を使用して純粋に JS で書かれています。

古いイメージを削除したり、新しいディレクトリを手動で作成したりすることなく、これを可能な限り自動化されたソリューションにしたいと考えています。

npm スクリプトに imagemin-cli を使用しようとしていますが、プラグイン オプションの使用に関するドキュメントがありません。

使用したいプラグインはsvgoで、オプションは ですremoveDimensions=true。これは npm スクリプト コマンドとしてどのように見えますか?

これは、実行に失敗したコマンドの例です。

imagemin [--plugin=svgo --option=removeDimensions=true] src/img/** --out-dir=dist/img/