問題タブ [gulp-imagemin]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
node.js - npm で「gulp-imagemin」をインストールできません
新しい debian jessie ec2 インスタンスで、次のことを行います。
- sudo apt-get アップデート
- sudo apt-get install curl -y
- curl -sL https://deb.nodesource.com/setup_6.x | sudo -E バッシュ -
- sudo apt-get install -y nodejs
- mkdir /tmp/real_node_modules
- ln -s /tmp/real_node_modules node_modules
- npm install 'gulp-imagemin'
次に、次のエラーが表示されます。
シンボリックリンクされたノードモジュールフォルダーがなくても機能することは言うまでもありませんが、私が理解しようとしているのは、シンボリックリンクされたノードモジュールフォルダーがある場合に機能しない理由です。
gulp-imagemin - プラグインオプションを使用していないgulp-imagemin
デフォルトとは異なるプラグインを gulp-imagemin 5.2.1 で使用するのに問題があります。デフォルトの jpegtran プラグインが可逆圧縮で行う以上に jpeg を圧縮する必要があります。imagemin-jpeg-recompress 5.1.0 を使ってみたかった。これが私の一気飲みの仕事です:
これを実行すると、圧縮方法が変更される前とまったく同じ画像が得られます。「プラグイン」オプションさえ表示されていないように見えます。または、jpegRecompress の後ですべてのデフォルト プラグインをまだ実行している可能性があります。gulp ファイルで imagemin プラグインを呼び出すにはどうすればよいですか?
注: 彼らは「プラグイン」オプションを変更しました。「plugins」オプションは、以前は「use」という名前でした。
gulp - Gulp imagemin - 1 つの画像のみを最適化する
このコードは完全に機能しています。フォルダー内のすべての画像が最適化されますgulp images
。しかし、通常はそうするだけでgulp watch
、以前に追加したすべての画像を再最適化する必要はありません。
では、フォルダに追加されたばかりの画像のみを最適化し、すべての画像を最適化するにはどうすればよいでしょうか?
gulp - jpg/png をプログレッシブ/インターレースに変換するには、どの gulp-plugin を使用できますか?
私はgulp-imageminを使用していますが、画像を縮小するだけでなく、プログレッシブ/インターレースにしたいです。このタスクにはどのツールを使用できますか?
gulp - 複数のサブディレクトリで gulp-image または Gulp-imagemin を使用する
Gulp -image プラグインatmを使用しています(gulp-imagemin も試しました)。
私の gulpfile.js マークアップ:
ここで問題が発生します。
ディレクトリ内のサブディレクトリからすべての画像のみを取得します。
複数のレベルのディレクトリのイメージをすべて入力せずにアクセスする方法はありますか?
例えば:
ディレクトリ内の画像へのアクセス:
このようなものを入力する必要はありませんか?
以下の投稿を読みました
しかし、そこに答えは見つかりませんでした。
gulp - オプションを受け入れないgulp-imagemin
gulp-imagemin のバージョン 3 に更新してから、タスクの実行時にオプションをプッシュするのに苦労しています。オプションの構文が変更されたことをドキュメントで確認できますが、説明されている新しい構文ではうまくいきません。
これが私がv2.4.0で取り組んでいるものです:
バージョン 3 にアップグレードし、リリース ノートの指示に従って、構文を次のように変更しました。
ただし、タスクを実行すると、次のエラーがスローされます。
参照エラー: imagemin が定義されていません
私は gulp などにかなり慣れていないので、明らかに見落としているものがあるかもしれませんが、構文に多くの微妙な変更を加えてみましたが、すべて役に立ちませんでした。誰でも助けることができますか?
javascript - エラー: ImageMagick を使用した gulp 画像のサイズ変更で EACCES を生成する
画像のアップロード中に次のエラーが見つかりました。
"showStack":false,"stack":"エラー: エラー: 終了時に EACCES を生成\n (/var/www/projects/mywebsite/dist/node_modules/gulp-gm/index.js:40:21)\n at gm. (/var/www/projects/mywebsite/dist/node_modules/gulp-image-resize/node_modules/async/lib/async.js:485:30)\n emitMany (events.js:127:13)\ n at gm.emit (events.js:201:7)\n
gmで。(/var/www/projects/mywebsite/dist/node_modules/gm/lib/getters.js:70:16)\n cb (/var/www/projects/mywebsite/dist/node_modules/gm/lib/command. js:322:16)\n gm._spawn (/var/www/projects/mywebsite/dist/node_modules/gm/lib/command.js:226:14) で\n gm._exec (/var/www/ projects/mywebsite/dist/node_modules/gm/lib/command.js:190:17)\n gm.proto.(匿名関数) [サイズとして] (/var/www/projects/mywebsite/dist/node_modules/gm /lib/getters.js:68:12)\n at /var/www/projects/mywebsite/dist/node_modules/gulp-image-resize/index.js:46:16\n at fn (/var/www/ projects/mywebsite/dist/node_modules/gulp-image-resize/node_modules/async/lib/async.js:582:34)\n at Immediate. (/var/www/projects/mywebsite/dist/node_modules/gulp-image-resize/node_modules/async/lib/async.js:498:34)\n runCallback (timers.js:574:
フォルダーのアクセス許可を既に変更しました755
が、それでもエラーが発生しました。その問題を解決する方法を教えてください。
ng-file-upload
ファイルのアップロードに使用しています。
クライアントコード、