問題タブ [gulp]
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.
css - Gulp-sass が scss ファイルのコンパイルに失敗する
Gulp を使用して、sass を css にコンパイルしています。style.scss
簡単なタスクでファイルがディレクトリにコンパイル_/sass
され、出力がプロジェクトのルートに保存されます。style.scss
ディレクトリ内の他のファイルをインポートするためだけに使用されます_/sass
。
コマンド ラインからデフォルト タスクを実行すると ( $ gulp
)、sass がコンパイルできないというエラーが表示されます。以下に全文を掲載します。含まれているファイルからすべてのコンテンツを削除し、タスクを再度実行しました。それでも同じエラーが表示されます (オンラインで読んだものは、これがエンコーディングの問題をテストする可能性があることを示唆しています。エンコーディングと、それが私のシナリオでどのように問題を引き起こす可能性があるかを完全には理解していません)。
$ sass _/sass/style.scss style.css
また、含まれているファイルのコンテンツと完全に連携するコマンド ラインからも実行しました。これは、gulp sass プラグイン自体に問題があることを示唆しています。
関連する gulpfile.js のスニペット:
style.scss の完全な内容:
ディレクトリ構造:
ターミナルが吐き出します:
javascript - Gulpless 処理が適切に行われず、インクルードされた変数が定義されていません
私はlessとGruntを使用しており、gulpに移行しています。
私の少ない作品。私が実行すると:
エラーなしで作業出力が得られます。インクルードを含む私のすべてのレスは、パブリック/レスにあります。これが私のgulpfileです:
gulp を実行すると、次のようになります。
@brightblue は、myapp.less の開始時にインポートされたファイルで定義されています。
- gulp がインクルードを取得しないのはなぜですか? less に「paths」オプションを指定すると機能するはずですが、修正されていません。
- これをデバッグする良い方法は何ですか? たとえば、行番号がありません。
- gulp を機能させる方法はありますか?
javascript - Gulp.js - swig.js テンプレート ファイルの変更を監視してコンパイルする
Swig.js html テンプレートを監視し、変更ごとにコンパイルするという問題に悩まされています。そのためにGulp.jsタスク ランナーを使用しています。ここに私のgulpfile.jsがあります:
Myth task stylesmyth/*.css
は正常に動作します - I got updated file in client/css/
..を変更するたびに
しかし、テンプレートと呼ばれるタスクは一度だけ結果を返します..views/index.html
ファイルを変更しclient/index.html
ても同じままです。私のコンソールでは、テンプレートタスクが実行されたことがわかりますが、結果は同じです..
多分私はいくつかのキャッシュオプションまたは類似のものを見逃していますか?!
concatenation - gulp-minified CSS を使用するように HTML を書き直す方法はありますか
私は次のことに苦労しています:
私の gulpfile.js は、すべての .less をコンパイルし、縮小して、すべての CSS を ./dist/all.min.css に連結します。
HTML ファイルを書き直し、すべてのスタイル タグを削除して、縮小された CSS をロードするスタイル タグを 1 つだけ挿入する方法はありますか?
node.js - gulp-sass、プロパティ名が無効な場合にウォッチが停止する
エラー メッセージが表示されると、時計は停止します。
どうすれば実行を監視し続け、エラーがどこにあるかを教えてくれます。
grunt はエラーを処理でき、停止する必要はありません。
そうしないと、エラーが発生したときにコマンドラインで「gulp」と入力し続ける必要があります。
gruntjs - Grunt から Gulp へ
現在、Grunt ファイルを Gulp ファイルに変換する実験を行っています。私の最初の試みは、JSHint と Mocha を単純に実行し、監視モードを持つ非常に単純なファイルを使用することでした。私の最初の結果はかなり…まあ…幻滅でした。
いくつかの問題に遭遇しました。それらを解決する方法があることを願っています。
- Gulp はすべてのタスクを非同期で実行することに気付きました。タスクが完了するのを待ちたい場合、ドキュメントには、コールバック、プロミス、またはストリームを返すように指示されています。
gulp-mocha
しかし、これをandで行うにはどうすればよいgulp-jshint
ですか? これらのプラグインはこれをサポートしていますか? - 失敗
gulp-jshint
してもビルドは失敗しませんでした。失敗した場合に処理を停止するように Gulp に指示するにはどうすればよいgulp-jshint
ですか? watch
Gulp の入門ガイドで説明されているモードを使用すると、実行時にエラーが発生しましToo many open files
たgulp
。何が間違っている可能性がありますか?
(最初の 2 つの質問は一般的な質問であり、最後の質問はデフォルト ファイルに関するものであるため、ここでは意図的にソース コードを指定していないことに注意してください。)
これについて何か助けはありますか?
bash - gulpでbashコマンドを実行するには?
gulp.watch
関数の最後にいくつかの bash コマンドを追加して、開発速度を加速したいと考えています。だから、それが可能かどうか疑問に思っています。ありがとう!
node.js - グロブを 1 つのディレクトリにフラット化する
Gulp 内でgulp.src
、ディレクトリからすべてのフォント ファイルを選択するために使用しています。
ただし、ディレクトリからツリー全体を再作成するのではなく、これらのフォント ファイルをすべて 1 つのディレクトリに並べて配置したいと考えていますcomponents
。
Gulp、Gulp Utils、npm-glob API を調べてもあまり役に立ちませんでしたが、簡単にスキップできたはずです。
これについて最善の方法は何ですか?
node.js - gulp でファイルをコピーし、親ディレクトリに基づいて名前を変更する方法を探しています
モジュールごとに、ビルド ディレクトリにコピーする必要があるいくつかのファイルがあり、これから繰り返されるコードを最小限に抑える方法を探しています。
このようなものに:
明らかに上記は機能しません。これを行う方法、または既にこれを行っている npm はありますか?
ありがとう