問題タブ [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.

0 投票する
2 に答える
10531 参照

gulp - 新しく追加されたファイルによって、gulp-watch タスクがトリガーされないのはなぜですか?

gulp-imagemin を使用して画像を圧縮する gulp タスクがあります。このディレクトリに新しいファイルを追加するとき、このタスクでそれらも圧縮したいと思います。gulp.watch は新しいファイルでトリガーされず、gulp -watch を試す必要があることを読んだので、そのように使用しました。

これは、最初の実行では gulp.watch と同じように機能しますが、ディレクトリに新しい画像を追加しても何も起こりません。ただし、既存のファイルを上書きすると、タスクが再度実行されるため、動作が異なります。

gulp-watch のドキュメントでは、これを「バッチ モード」と呼び、ファイルごとにタスクを実行することもできると述べていたので、この方法も試しました。

しかし、何も変わりませんでした。画像ディレクトリにファイルを追加してもタスクがトリガーされないのはなぜですか?

0 投票する
1 に答える
1907 参照

gulp - gulp-imagemin を使用して元のファイルを置き換えるにはどうすればよいですか

ディレクトリ内の画像ファイルを最適化するタスクをセットアップする必要がありますgulpが、これは既存のサイトであるため、出力ディレクトリを変更できません。つまり、既存の画像を置き換えるために最適化された画像が必要です。

私はグーグルで検索し、 のドキュメントを読み、gulp-imageminシェルを使用してそれを実行しようとしましたが、役に立ちませんでした。

これを行う方法があるに違いありませんが、これまでのところ、インターネット上でその方法を示す証拠は見つかりませんでした. SOの善良な人々がこの点で私を助けてくれることを願っています:)

これが私のコードです:

0 投票する
3 に答える
3556 参照

javascript - gulp.src() のシンボリックリンクで Gulp がエラーを出す

イメージ フォルダーに、サード パーティのライブラリ (bower によって管理される - javascript が必要) によって提供される外部イメージを含む別のフォルダーを指すシンボリック リンクがあります。ビルド プロセスの一環として、すべての画像を次のように圧縮します。

gulp が img フォルダ内のシンボリック リンク フォルダに到達すると、返されます。

gulp-debug を使用すると、symlink フォルダーでボークすることが示されます。私は Mac OSX を使用しており、シンボリック リンクは ln -s を使用して作成されました。何か案は?

0 投票する
1 に答える
763 参照

gulp - Gulp: 1 つのタスクで複数のソースと宛先を設定する方法は?

gulp-imageminフォルダー内の画像を縮小するために使用していimagesます。dist/imagesタスクの出力は、ディレクトリにストリーミングする必要があります。ただし、ソースフォルダには、圧縮されたコンテンツを にストリーミングする必要がimagesあるサブフォルダがあります。したがって、これはソース フォルダー構造です。images/headersdist/images/headers

コンテンツのストリーミング先:

現在、私のタスク定義は次のようになっています。

私の質問は、別のタスクを作成せずに、Gulp にストリーミングするように指示する方法ですimages/headersdist/images/headers

ソースの配列を渡すことができることは知っていますが、各ソースが異なる宛先を持つように、各宛先の処理済みコンテンツをどこに出力するかを Gulp に指示できますか?