問題タブ [gulp-less]
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.
node.js - Gulp タスクを 1 つの gulp-rev マニフェストに結合する
Gulp を使い始めたばかりです。これは機能しますが、 rev.manifest はそれ自体を上書きし、「スタイル」と「スクリプト」の両方が含まれていません。もっと良い方法があるはずです。右?:-)
編集: es を試しても、マニフェストを書くのはまだ恋人です:
css - Gulp ソースマップ + 異なる CSS プリプロセッサ?
私が使用しているタスクの簡略版は次のとおりです。
(これはCoffeescriptですが、Javascriptはほぼ同じです。上記が解析しにくい場合は、JSを提供できます。)
上記を実行すると、gulp-sourcemaps は以下をスローします。
つまり、Font Awesome ディレクトリで Bootstrap のファイルを探します。gulp-filter の代わりに gulp-if を使用してみましたが、同じエラーで失敗します。
このタスクを書く正しい方法は何ですか?
css - gulp gulp-less および gulp-sourcemaps が間違った sourceMappingURL を与える
次のような単純な少ないタスクを含む gulp ワークフローがあります。
gulp-sourcemapsモジュールでソース マップを CSS ファイルのインライン コメントとして表示したい。しかし、gulp が LESS をコンパイルするたびに、gulp-sourcemaps にソース ファイルへのパスが表示されません。代わりに、次のように表示されます。
livereload や autoprefixer などを削除して、gulpfile を大幅に簡素化しました。しかし、この簡素化されたバージョンでも、ソース URL を正しく取得できません。
かなり長い間このことを経験してきましたが、どんな助けでも大歓迎です!
gulp - gulp-watch と gulp-less で相対宛先パスを渡す方法
したがって、less ファイルに加えられた変更を監視し、CSS の宛先パスを、変更された less ファイルと同じフォルダーにする必要があります。
一般的なファイル構造は次のとおりです。
これは私がうまくいくと思ったものですが、経路がおそらく意味をなさないことを認識しており、正しい目的地を通過するための最良の方法がわかりません.
ありがとう
javascript - 「Gulp watch」イベントは、通常の「gulp less」コマンドと比較して、コンパイルにかかる時間が 2 倍少なくなります。
個々の 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 フォルダーを決定するための改善点を誰かが提案できれば、私も感謝します。
ありがとう
gulp - ソースマップへのパスが間違っています
パッケージgulp-less
とgulp-sourcemaps
. 私の less ファイルは の下にありますが、生成されたソースマップは(プレフィックスのように見える場所) をStyles/main.less
指しています。ソースマップが正しく指すように、これを修正するにはどうすればよいですか?source/main.less
source/
source/Styles/main.less
私のgulpタスクはかなり単純です: