問題タブ [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.
gulp - 新しく追加されたファイルによって、gulp-watch タスクがトリガーされないのはなぜですか?
gulp-imagemin を使用して画像を圧縮する gulp タスクがあります。このディレクトリに新しいファイルを追加するとき、このタスクでそれらも圧縮したいと思います。gulp.watch は新しいファイルでトリガーされず、gulp -watch を試す必要があることを読んだので、そのように使用しました。
これは、最初の実行では gulp.watch と同じように機能しますが、ディレクトリに新しい画像を追加しても何も起こりません。ただし、既存のファイルを上書きすると、タスクが再度実行されるため、動作が異なります。
gulp-watch のドキュメントでは、これを「バッチ モード」と呼び、ファイルごとにタスクを実行することもできると述べていたので、この方法も試しました。
しかし、何も変わりませんでした。画像ディレクトリにファイルを追加してもタスクがトリガーされないのはなぜですか?
gulp - gulp-imagemin を使用して元のファイルを置き換えるにはどうすればよいですか
ディレクトリ内の画像ファイルを最適化するタスクをセットアップする必要がありますgulp
が、これは既存のサイトであるため、出力ディレクトリを変更できません。つまり、既存の画像を置き換えるために最適化された画像が必要です。
私はグーグルで検索し、 のドキュメントを読み、gulp-imagemin
シェルを使用してそれを実行しようとしましたが、役に立ちませんでした。
これを行う方法があるに違いありませんが、これまでのところ、インターネット上でその方法を示す証拠は見つかりませんでした. SOの善良な人々がこの点で私を助けてくれることを願っています:)
これが私のコードです:
javascript - gulp.src() のシンボリックリンクで Gulp がエラーを出す
イメージ フォルダーに、サード パーティのライブラリ (bower によって管理される - javascript が必要) によって提供される外部イメージを含む別のフォルダーを指すシンボリック リンクがあります。ビルド プロセスの一環として、すべての画像を次のように圧縮します。
gulp が img フォルダ内のシンボリック リンク フォルダに到達すると、返されます。
gulp-debug を使用すると、symlink フォルダーでボークすることが示されます。私は Mac OSX を使用しており、シンボリック リンクは ln -s を使用して作成されました。何か案は?
gulp - Gulp: 1 つのタスクで複数のソースと宛先を設定する方法は?
gulp-imagemin
フォルダー内の画像を縮小するために使用していimages
ます。dist/images
タスクの出力は、ディレクトリにストリーミングする必要があります。ただし、ソースフォルダには、圧縮されたコンテンツを にストリーミングする必要がimages
あるサブフォルダがあります。したがって、これはソース フォルダー構造です。images/headers
dist/images/headers
コンテンツのストリーミング先:
現在、私のタスク定義は次のようになっています。
私の質問は、別のタスクを作成せずに、Gulp にストリーミングするように指示する方法ですimages/headers
。dist/images/headers
ソースの配列を渡すことができることは知っていますが、各ソースが異なる宛先を持つように、各宛先の処理済みコンテンツをどこに出力するかを Gulp に指示できますか?