問題タブ [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.
javascript - 2 つの vinyl-fs を gulp とマージして、部分的なプリコンパイル タスクから一時ファイルを作成しないようにするにはどうすればよいですか
SPA アプリケーションのスタイルを調和させるために、JSON ファイルで somme スタイル変数を定義し、それを Less コンパイルで使用したいと考えています。
基本的には次のように機能します。
そして以下で:
少ないコンパイルを行う前に中間ファイルを作成せずにそれを行うことは可能ですか? 最初のタスクの結果と Less ソースを同じビニール ファイルにマージして、Less コンパイルを実行することは可能ですか?
よろしくお願いします。
twitter-bootstrap - プリコンパイル済みと同じバージョンを取得するためにブートストラップをコンパイルする方法は?
テンプレートを購入しました。プリコンパイルされたバージョンのブートストラップでコンパイルしようとすると、すべて問題ありません。
ただし、ブートストラップのないバリアントをコンパイルすると、一部の色が予想外になります。
違いはなんですか。dist
色に関して、フォルダー内のプリコンパイルされたバリアントとまったく同じ結果を得るには、どのようにブートストラップをコンパイルする必要がありますか?
テンプレートをKendo UIと一緒にコンパイルする必要があり、Kendo UI Bootstrap Mapper に必要なすべてのテーマ変数がテンプレートに含まれていないため、これが必要です。
これは私の一気の仕事です:
css - @import ルールをそのままにしておくように less-css/gulp-less に指示する方法はありますか
@import
less コンパイラで生成された css ファイルに、ファイルの先頭にディレクティブを含めてほしいです。
つまり、この少ないファイルを指定すると:
結果の CSS ファイルは次のようになります。
less import ディレクティブのさまざまなオプションのいずれも、これを生成するのに役立たないようです。他に方法はありますか?
更新:少ないファイルをコンパイルするためにgulp-lessを使用しています。less 自体ではなく、そのパッケージに問題がある可能性があります (@import (css) "external.css";
目的の結果が得られません)。
css - css で奇妙な少ない出力をデバッグする
私はgulp
とを使用しgulp-less
てファイルを前処理して.less
おり、時間の経過とともにかなり複雑な構造を考え出すようになりました。これにより、ある程度の柔軟性が得られますが、デバッグが困難になることもあります。
現在、main.css
ファイルの先頭に次の出力があります。
私のすべてのメディアクエリは変数で定義され、ミックスインで呼び出されるため、デバッグが非常に簡単であるように思われます....しかし、これを生成する必要があるファイルは何もありません-少なくともこれまでのところ私が知ることができるように-実際、これを潜在的に生成する可能性のある解析対象の候補はそれほど多くありません-そのため、私は少し立ち往生しています。
しかし実際には、何が原因であるかに関係なく、より大きな問題は、潜在的に複雑なless
出力をどのようにデバッグするかということです。あちこちにコメントを貼り付ける以外に、私が知っている明らかなトリックはありません。
何か助けはありますか?