問題タブ [gulp-watch]

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 投票する
1 に答える
3589 参照

gulp - Gulp src が空のファイルを返す

sass/js コンパイル用の Gulp タスクを作成しようとしています。また、ライブ リロード用のコードも含めました。編集時に gulp.src が空のファイルをパイプにスローすることがあることを除いて、正常に動作します。

ファイルが保存されると、デバッグがgulp.src出力をチェックし、ほとんどの場合、適切なコンテンツのファイルが表示されますが、それらのファイルが空になることがあります。

それを修正する方法がわかりません。gulp を実行すると、最初は常に機能しますが、後でgulp.watch変更が表示されると問題が発生します。

Sublime Text で sftp パッケージを使用してファイルを保存すると、ファイルが空になってしまうようです。Vim によるリモート保存は常にうまく機能するため、非常に奇妙です。

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

gulp - Gulpで別のタスクにパイプする方法は?

gulpfile を DRY しようとしています。そこには、私が慣れていないコードの小さな重複があります。どうすればこれを改善できますか?

indexライブリロードを監視する必要があるため、別のタスクとして取得しましたsrc/index.html。しかし、ソースも監視して.coffeeおり、ソースが変更された場合は、更新する必要src/index.htmlもあります。

indexにパイプするにはどうすればよいscriptsですか?

0 投票する
9 に答える
41888 参照

gulp - Gulp ウォッチを使用して変更されたファイルに対してのみタスクを実行する方法

gulpfile で使用する現在の gulp タスクがあります。パスは config.json からのもので、すべてが完全に機能します。

しかし、まだ問題があります。プロジェクト内の画像の数が膨大で、このタスクには時間がかかります。変更されたファイルに対してのみタスクを実行する方法を探しています。私がイメージを持っているか、それを変更した場合、imagemin()すべてではなく、このイメージでのみ実行されます。

繰り返しますが、すべてが完全に正常に機能していますが、実行時間は非常に長いです。

ありがとう。

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

javascript - gulp-if (またはその他のもの) を使用して条件付きで gulp-watch を有効にする

基本的に、タスクをセットアップして、実行する場合gulp less --watchは監視し、それ以外の場合はビルドを実行するようにします。これは私がこれまでに持っているものです:

何が起こるかというと、まだ実行されwatchますが、ファイルは渡されません。これにより、タスクがprocess.exit()ing..

私はそれを何かでラップするか、別の方法を使用する必要があると仮定していgulp-ifます..

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

gulp - gulp で、フィルター処理された一連のファイルを監視し、タスクを呼び出すにはどうすればよいですか?

Gulp を使用してソースの変更を監視し、アプリをコンパイル、lint、およびリロードしようとしています。

私の理解では、gulp.watch ではリソースのフィルタリングが許可されていないため、spec/test ファイルを更新するとすべてがリロードされます。例えば:

私の理解では、gulp-watch を使用するとリソースをフィルタリングできますが、別のタスクをトリガーするにはどうすればよいですか。

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

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

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

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

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

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

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

gulp - 宛先フォルダーを分離するための Gulp パイプ

複数のフォルダーを通過し、より少ないファイルを監視する gulp タスクを作成しています。コンパイルされた css をパイプして、より少ないファイルの元のフォルダーに戻したいと思います。残念ながら、各ファイルに個別の出力フォルダーを与える良い方法が見つからないようです。

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

gulp - gulp-watch は初回実行時にのみ機能します

私がやること?

  1. 実行gulp(SCSS ファイルを処理中、CSS ファイルを取得)
  2. SCSSファイルを再度変更します

期待される:

  • 1. の CSS ファイルは 2. からの変更で更新されます。

何が起こるのですか?

  • 1.のCSSファイルは変更なし

コマンドライン出力:

gulpfile.js:

ノート:

ソース ファイルをパイプする方法は重要ではありません。使用しても結果は変わらないgulp.src()