問題タブ [gulp-watch]

gulp-jade-find-affectedを使用して、影響を受けるファイルのみをウォッチャーで再構築しようとしています。たとえば、レイアウトまたは mixin ファイルで更新を行う場合、mixin を含むファイルのみを再構築したいと考えています。

しかし、プラグインの Github の例は、gulp-watch の更新以来機能しません (emitOnGlob オプションはもう存在しません)。

調査の結果、この解決策を見つけ、自分のケースに合わせようとしましたが、うまくいきません:

誰かが私がやりたいことをするアイデアを持っていれば、本当に感謝します!

ご清聴ありがとうございました。

このコードの何が問題なのですか:

つまり、エラーjshintを実行してjsファイルを編集すると、何も表示されません。

これは機能します：

しかし、それはまったく同じですか？

私はsassをコンパイルするためにnode-sassでGulpを使用しています。node-neat と node-bourbon も使用しています。ただし、コンパイルすると、30〜50秒かかります。私は何を間違っていますか？libsass が gulp-sass と node-sass にどのように作用するか、または gulp-sass と node-sass の違いが何であるかはよくわかりません。私の gulpfile.js では、両方を試しましsass = require('gulp-sass'),たsass = require('node-sass'),が、同じ結果が得られました。また、配管工を使用していますが、エラーが発生すると監視が停止します。ここに私のgulpfile.jsがあります：

gulp をコンパイルして TypeScript ファイルを監視しようとしています。これは私がこれまでに得たものです

私はgulp-typescriptを使用しています。

ただし、何百もの TypeScript ファイルがあるため、ファイルの 1 つが変更されるたびにすべてのファイルを再コンパイルする必要はありません。上記のコードはそれを行います（watch-typescript少なくとも と同じくらい時間がかかるのでわかりますcompile-typescript）

このようにgulp-changedを使ってみました

それは確かに変更されていないファイルを除外します。しかし、typescript コンパイラは、通常は他のファイルから取得する型宣言がない単一のファイルしか取得しないため、エラーを報告します。

フラグを trueに設定したくありませんnoExternalResolve。なぜなら、多くの型チェックが行われず、そもそも TypeScript を使用する多くの理由が台無しになるからです。

この gulpfile をより適切に記述するにはどうすればよいですか?

したがって、less ファイルに加えられた変更を監視し、CSS の宛先パスを、変更された less ファイルと同じフォルダーにする必要があります。

一般的なファイル構造は次のとおりです。

これは私がうまくいくと思ったものですが、経路がおそらく意味をなさないことを認識しており、正しい目的地を通過するための最良の方法がわかりません.

ありがとう

私はgulp-watch自分が望むように振る舞うのに苦労しています。この小さなプロジェクトは、繰り返し可能な方法で Jade+SASS から HTML5 電子メール テンプレートを構築するためのツールです。ディレクトリ構造は次のとおりです。

したがって、私のウィッシュリストは次のとおりです。

• スタイルまたはテンプレートが変更されたときに、すべてのテンプレートを作成します。これは私ができないことです
• 不安定な「コールド」スタートをしないでください。常にgulpインクリメンタルビルドを使用してください。（これはうまくいくようです）
• ライブ リロードはブラウザをリロードします。（これも）

簡潔にするために、CoffeeScript 表記の, を以下に示します。これは主に、完全なファイル セットの操作を含むインクリメンタル リビルドGulpfileのドキュメントに基づいています。

可能であれば、このウォッチャーを GNU Make などで書いていれば、それを表現するオプションがbuild/あり、依存するファイルが古くなっている場合はツールを使用してそれらのファイルを再構築することができたでしょう。

多くのgulp-<something about inlining>プラグインがあることを確認しましたが、変更のためにインポートされたパスを見て、この条件付き再コンパイルをサポートしているかどうかを明確にするプラグインはありません (疑わしい)。

システム プログラミングのバックグラウンドを考えると、Javascript ビルド ツールに完全に間違った方法でアプローチしている可能性があります。

gulp-ruby-sassで Sass ファイルをキャッシュする方法は? デフォルトのオプションであるべきだと思われますが、そうはなっていません。私は何かが欠けているに違いない。

watchタスクの実行中、app/styles/main.scssで何かを変更するたびに、 gulp-ruby-sassBootstrap の Sass が不必要に再度コンパイルされ、約4 ～ 5 秒余分にかかります。

私のapp/styles/main.scssファイルは次のようになります。

gulpfile.jsは 2014 年 11月25 日にgenerator-gulp-webapp 0.1.0を使用して生成され、git リポジトリから master ブランチにリンクされています。

ここでgulpfile.jsを参照してください

スタイル機能:

.sass-cacheフォルダーが作成されており、そのフォルダーにはmain.scsscBootstrap のパーシャルと同様に含まれています。

アップデート

これまでのところ、2 つの解決策を見つけました (ただし、キャッシュのためではなく、コンパイル時間を短縮するためです)。

1) gulp-ruby-sass バージョン 1.0 (アルファ版)。より高速で、ソースマップで動作します。もうすぐ発売されるそうです。これをチェックして

2) C/C++ を使用するgulp-sassは非常に高速ですが、いくつかの機能がありません。

gulp タスクを実行すると、次のエラーが表示SyntaxError: Unexpected token ;されます。

コードに記載されている 2 つのモジュールをインストールしました。ルートにgulpファイルがあり、srcbaseUrlディレクトリも作成しました。私のcssディレクトリには、次の単純な.cssファイルが1つあります。

参考までに、これはgulp-sprite-generatorです:

コンソールからの完全なエラー:

個々の less 関数と比較して、少ないファイルをコンパイルするのに 2 倍の時間がかかるという点で、Gulp の 'watch' less 関数に問題があります。

「gulp less」を使用すると、平均で 9/10 秒かかります

ただし、「gulp watch-less」を使用し、ファイルを変更して watch 関数をトリガーすると、「gulpless」に比べて約 2 倍の時間がかかります。

以下は私の gulpfile.js で、これは 5 つの異なるテーマ (この質問では名前が変更されています) を持っているため、'paths.json' を取り込みます。関数「updateDestFolder」を使用します。

less がインポートされる方法は、基本テーマの変更がテーマ 2-5 を更新することです。

パス.json:

関数を使用せずに dest フォルダーを決定するための改善点を誰かが提案できれば、私も感謝します。

ありがとう