問題タブ [gulp-watch]

私はgulpにかなり慣れていません。これが起こっていることです

私は持っていました：

しかし、これは新しいファイルをキャッチしなかったため、ドキュメントを読んだ後、次のものが必要です。

しかし、これはエラーをスローします:Object #<Object> has no method 'indexOf'最後の部分が正しくないためです。

sass-devウォッチから発行されたものでタスクを実行するために必要な構文を教えてもらえますか?

私はこれを機能させようとしていますが、あまり成功していない1日を過ごしました...私は と の両方に慣れていないのでLaravel、GulpJSさらに良くなると思います... :)

私が達成しようとしているのはGulpJS、Laravelインスタンスを使用してファイルの変更時にブラウザーをリロードするための (できればクロスプラットフォームの) ソリューションです。私はそのドキュメントに従って動作することができましたが、ローカルドメインセットにgulp-livereload影響を与えるように適切に設定することはできません（知っています、知っています...）。http://laravel.devMAMP PRO

MAMPプロジェクトごとにローカル開発ドメインを設定できる限り、それが必須である場合は喜んで残します。https://laracasts.com/でも見回そうとしましたが、ブラウザーの自動リロードを処理するソリューションをまだ見つけていませんLaravel-このビットはすべてのLaravel-GulpJSソリューションに欠けているようです...

救援に来てくれる人はいますか？何か案は？それまでの間、私は探し続けます... :)

これに対する解決策を見つけるために、ドキュメントと NPM を隅々まで調べましたが、うまくいきませんでした。特定のタスクを実行するときに、依存関係としてリストしたタスクをスキップするオプションが必要です。たとえば、次のような場合:

に関連するオーバーヘッドに触れることなくgulp.watch実行できるようにしたいと考えています。これはGulpでまったく可能ですか?runprerun

Google の Web Starter Kit を使用して、新しい Web サイトのテーマを作成しました。以前は、Grunt を使用していました。このキットにはGulpが付属しているので、試してみることにしました。

私が抱えている問題は、livereload とインポートされた scss ファイルにあります。キットには、components.scss ファイルといくつかのインポートされたパーシャルを含むセットアップが含まれています (たとえば@import "_pages/_styleguide";、これはパーシャルを正常にインポートしますが、gulp タスクを再起動しない限り、_pages/_styleguide.scss への変更は更新されません。ただし、scss への変更はすべてインポートされていない (代わりに gulp タスクに含まれている) ファイルは、再コンパイルされ、livereload で更新されます。

gulp ファイルは次のとおりです。

今日は、gulp と grunt、または js のタスク ランナーをいじる最初の日です。jsファイルのコードを変更してから実行できる場所にたどり着きました

これはうまくいきます。しかし、面倒だったので、これにウォッチを追加して、スクリプトに変更を加えたときに自動的に gulp browserify などを実行し、手動で行う必要がないようにしたいと考えました。だからここに私が私のgulp.jsにしたことです

だから私がこれをするとき

変更を保存すると、

しかし、私の変更がページに表示されることはありません。私はそれがただ見ているだけで構築していないと仮定していますか？私は何が欠けていますか？

編集

これを追加しました

しかし、今ではあまりにも頻繁にチェックしていて、更新しているにもかかわらず、私のマシンのCPUが高騰しています!! より良いアイデアはありますか？

ありがとう

今すぐ、この gulp スクリプトを停止して開始し、dist ファイルを消去して再構築し、サーバーを再起動する必要があります。

私の監視ファイルは明らかに間違っています。ファイルが編集されたときに gulp スクリプト全体を再起動するには、何を変更すればよいですか?

コンパイルする必要のない、または新しい場所に保存する必要のない保存済みファイルを gulp-tap に渡して、外部スクリプトを実行できるようにしたいと考えています。

現在、完全なディレクトリを監視し、保存するたびにディレクトリ全体をアップロードします。

そしてこれがアップロード部分です（テーマはアセットをshopifyにアップロードするアプリです）

/theme ディレクトリに Liquid ファイルを保存するたびに、すべてのファイル (theme/**/*.liquid) がアップロードされます。gulp-changed は、タスクの実行時に宛先とソースが同じであるため、機能しません。

変更されたファイルのみをアップロードする最善の方法は何ですか?

次のようなファイルの変更を監視しています。

私のビルド プロセスの一部には、「angular-filesort」モジュールの使用が含まれます (ただし、これは重要ではないと思います)。次のようにタスクを実装して配管工を使用すると、filesort が失敗したときに gulp が終了せず、「監視」が必要な更新をチェックし続けます。

ただし、このプロセスをストリームキューでラップすると、ファイルソートが失敗したときに gulp が終了します。これは望ましくありません。

どうすればこれを修正できますか?

具体的には、JavaScript ファイルの 3 つの異なるセットを処理し、それらを連結するために、次のようなことを行っています。

この問題を回避するために、streamqueue を使用せずに上記を実行できる方法はありますか?

私は次のような変数を持っています

私がgulpに私のためにしてもらいたいことはminify、ファイルに対して、そしてrename私に対してです。

ただし、タスクは現在（1つのファイルに対して）次のように記述されています

上記で定義した変数で動作するように書き換える方法はfiles?