問題タブ [gulp]

Gulp を使用して、sass を css にコンパイルしています。style.scss簡単なタスクでファイルがディレクトリにコンパイル_/sassされ、出力がプロジェクトのルートに保存されます。style.scssディレクトリ内の他のファイルをインポートするためだけに使用されます_/sass。

コマンド ラインからデフォルト タスクを実行すると ( $ gulp)、sass がコンパイルできないというエラーが表示されます。以下に全文を掲載します。含まれているファイルからすべてのコンテンツを削除し、タスクを再度実行しました。それでも同じエラーが表示されます (オンラインで読んだものは、これがエンコーディングの問題をテストする可能性があることを示唆しています。エンコーディングと、それが私のシナリオでどのように問題を引き起こす可能性があるかを完全には理解していません)。

$ sass _/sass/style.scss style.cssまた、含まれているファイルのコンテンツと完全に連携するコマンド ラインからも実行しました。これは、gulp sass プラグイン自体に問題があることを示唆しています。

関連する gulpfile.js のスニペット:

style.scss の完全な内容:

ディレクトリ構造:

ターミナルが吐き出します：

私はlessとGruntを使用しており、gulpに移行しています。

私の少ない作品。私が実行すると：

エラーなしで作業出力が得られます。インクルードを含む私のすべてのレスは、パブリック/レスにあります。これが私のgulpfileです：

gulp を実行すると、次のようになります。

@brightblue は、myapp.less の開始時にインポートされたファイルで定義されています。

• gulp がインクルードを取得しないのはなぜですか? less に「paths」オプションを指定すると機能するはずですが、修正されていません。
• これをデバッグする良い方法は何ですか? たとえば、行番号がありません。
• gulp を機能させる方法はありますか?

Swig.js html テンプレートを監視し、変更ごとにコンパイルするという問題に悩まされています。そのためにGulp.jsタスク ランナーを使用しています。ここに私のgulpfile.jsがあります：

Myth task stylesmyth/*.cssは正常に動作します - I got updated file in client/css/..を変更するたびに

しかし、テンプレートと呼ばれるタスクは一度だけ結果を返します..views/index.htmlファイルを変更しclient/index.htmlても同じままです。私のコンソールでは、テンプレートタスクが実行されたことがわかりますが、結果は同じです..

多分私はいくつかのキャッシュオプションまたは類似のものを見逃していますか?!

私は次のことに苦労しています：

私の gulpfile.js は、すべての .less をコンパイルし、縮小して、すべての CSS を ./dist/all.min.css に連結します。

HTML ファイルを書き直し、すべてのスタイル タグを削除して、縮小された CSS をロードするスタイル タグを 1 つだけ挿入する方法はありますか?

エラー メッセージが表示されると、時計は停止します。

どうすれば実行を監視し続け、エラーがどこにあるかを教えてくれます。

grunt はエラーを処理でき、停止する必要はありません。

そうしないと、エラーが発生したときにコマンドラインで「gulp」と入力し続ける必要があります。

現在、Grunt ファイルを Gulp ファイルに変換する実験を行っています。私の最初の試みは、JSHint と Mocha を単純に実行し、監視モードを持つ非常に単純なファイルを使用することでした。私の最初の結果はかなり…まあ…幻滅でした。

いくつかの問題に遭遇しました。それらを解決する方法があることを願っています。

• Gulp はすべてのタスクを非同期で実行することに気付きました。タスクが完了するのを待ちたい場合、ドキュメントには、コールバック、プロミス、またはストリームを返すように指示されています。gulp-mochaしかし、これをandで行うにはどうすればよいgulp-jshintですか? これらのプラグインはこれをサポートしていますか?
• 失敗gulp-jshintしてもビルドは失敗しませんでした。失敗した場合に処理を停止するように Gulp に指示するにはどうすればよいgulp-jshintですか?
• watchGulp の入門ガイドで説明されているモードを使用すると、実行時にエラーが発生しましToo many open filesたgulp。何が間違っている可能性がありますか？

(最初の 2 つの質問は一般的な質問であり、最後の質問はデフォルト ファイルに関するものであるため、ここでは意図的にソース コードを指定していないことに注意してください。)

これについて何か助けはありますか？

gulp.watch関数の最後にいくつかの bash コマンドを追加して、開発速度を加速したいと考えています。だから、それが可能かどうか疑問に思っています。ありがとう！

Gulp 内でgulp.src、ディレクトリからすべてのフォント ファイルを選択するために使用しています。

ただし、ディレクトリからツリー全体を再作成するのではなく、これらのフォント ファイルをすべて 1 つのディレクトリに並べて配置したいと考えていますcomponents。

Gulp、Gulp Utils、npm-glob API を調べてもあまり役に立ちませんでしたが、簡単にスキップできたはずです。

これについて最善の方法は何ですか？

モジュールごとに、ビルド ディレクトリにコピーする必要があるいくつかのファイルがあり、これから繰り返されるコードを最小限に抑える方法を探しています。

このようなものに：

明らかに上記は機能しません。これを行う方法、または既にこれを行っている npm はありますか?

ありがとう

私は Gulp について読み、その哲学にかなり魅了されました。自分で試してみたいのですが、ちょっとした問題が発生しています。私は Grunt で Jekyll を使用することに慣れていますが、Jekyll を Gulp でうまく動作させる方法がわかりません。

Gulp を使用する場合、Jekyll プラグインは必要ないことを示唆するこの記事に出くわしました。残念ながら、どうやってそれを行うかについては実際には説明されておらず、リンク先の例はあまり役に立ちません。

これについて行く方法を知っている人はいますか？