問題タブ [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.
gulp - Gulp src が空のファイルを返す
sass/js コンパイル用の Gulp タスクを作成しようとしています。また、ライブ リロード用のコードも含めました。編集時に gulp.src が空のファイルをパイプにスローすることがあることを除いて、正常に動作します。
ファイルが保存されると、デバッグがgulp.src
出力をチェックし、ほとんどの場合、適切なコンテンツのファイルが表示されますが、それらのファイルが空になることがあります。
それを修正する方法がわかりません。gulp を実行すると、最初は常に機能しますが、後でgulp.watch
変更が表示されると問題が発生します。
Sublime Text で sftp パッケージを使用してファイルを保存すると、ファイルが空になってしまうようです。Vim によるリモート保存は常にうまく機能するため、非常に奇妙です。
gulp - Gulpで別のタスクにパイプする方法は?
gulpfile を DRY しようとしています。そこには、私が慣れていないコードの小さな重複があります。どうすればこれを改善できますか?
index
ライブリロードを監視する必要があるため、別のタスクとして取得しましたsrc/index.html
。しかし、ソースも監視して.coffee
おり、ソースが変更された場合は、更新する必要src/index.html
もあります。
index
にパイプするにはどうすればよいscripts
ですか?
gulp - Gulp ウォッチを使用して変更されたファイルに対してのみタスクを実行する方法
gulpfile で使用する現在の gulp タスクがあります。パスは config.json からのもので、すべてが完全に機能します。
しかし、まだ問題があります。プロジェクト内の画像の数が膨大で、このタスクには時間がかかります。変更されたファイルに対してのみタスクを実行する方法を探しています。私がイメージを持っているか、それを変更した場合、imagemin()
すべてではなく、このイメージでのみ実行されます。
繰り返しますが、すべてが完全に正常に機能していますが、実行時間は非常に長いです。
ありがとう。
javascript - gulp-if (またはその他のもの) を使用して条件付きで gulp-watch を有効にする
基本的に、タスクをセットアップして、実行する場合gulp less --watch
は監視し、それ以外の場合はビルドを実行するようにします。これは私がこれまでに持っているものです:
何が起こるかというと、まだ実行されwatch
ますが、ファイルは渡されません。これにより、タスクがprocess.exit()
ing..
私はそれを何かでラップするか、別の方法を使用する必要があると仮定していgulp-if
ます..
gulp - gulp で、フィルター処理された一連のファイルを監視し、タスクを呼び出すにはどうすればよいですか?
Gulp を使用してソースの変更を監視し、アプリをコンパイル、lint、およびリロードしようとしています。
私の理解では、gulp.watch ではリソースのフィルタリングが許可されていないため、spec/test ファイルを更新するとすべてがリロードされます。例えば:
私の理解では、gulp-watch を使用するとリソースをフィルタリングできますが、別のタスクをトリガーするにはどうすればよいですか。
gulp - 新しく追加されたファイルによって、gulp-watch タスクがトリガーされないのはなぜですか?
gulp-imagemin を使用して画像を圧縮する gulp タスクがあります。このディレクトリに新しいファイルを追加するとき、このタスクでそれらも圧縮したいと思います。gulp.watch は新しいファイルでトリガーされず、gulp -watch を試す必要があることを読んだので、そのように使用しました。
これは、最初の実行では gulp.watch と同じように機能しますが、ディレクトリに新しい画像を追加しても何も起こりません。ただし、既存のファイルを上書きすると、タスクが再度実行されるため、動作が異なります。
gulp-watch のドキュメントでは、これを「バッチ モード」と呼び、ファイルごとにタスクを実行することもできると述べていたので、この方法も試しました。
しかし、何も変わりませんでした。画像ディレクトリにファイルを追加してもタスクがトリガーされないのはなぜですか?
gulp - 宛先フォルダーを分離するための Gulp パイプ
複数のフォルダーを通過し、より少ないファイルを監視する gulp タスクを作成しています。コンパイルされた css をパイプして、より少ないファイルの元のフォルダーに戻したいと思います。残念ながら、各ファイルに個別の出力フォルダーを与える良い方法が見つからないようです。
gulp - gulp-watch は初回実行時にのみ機能します
私がやること?
- 実行
gulp
(SCSS ファイルを処理中、CSS ファイルを取得) - SCSSファイルを再度変更します
期待される:
- 1. の CSS ファイルは 2. からの変更で更新されます。
何が起こるのですか?
- 1.のCSSファイルは変更なし
コマンドライン出力:
gulpfile.js:
ノート:
- GitHub での問題 (gulp)
- GitHub での問題 (gulp-watch)
- GitHub Gistの gulpfile.js )
- OS: Win7
- ノード: 0.10.29
- npm: 1.4.14
ソース ファイルをパイプする方法は重要ではありません。使用しても結果は変わらないgulp.src()