問題タブ [gulp-less]

SPA アプリケーションのスタイルを調和させるために、JSON ファイルで somme スタイル変数を定義し、それを Less コンパイルで使用したいと考えています。

基本的には次のように機能します。

そして以下で：

少ないコンパイルを行う前に中間ファイルを作成せずにそれを行うことは可能ですか? 最初のタスクの結果と Less ソースを同じビニール ファイルにマージして、Less コンパイルを実行することは可能ですか?

よろしくお願いします。

テンプレートを購入しました。プリコンパイルされたバージョンのブートストラップでコンパイルしようとすると、すべて問題ありません。

ただし、ブートストラップのないバリアントをコンパイルすると、一部の色が予想外になります。

違いはなんですか。dist色に関して、フォルダー内のプリコンパイルされたバリアントとまったく同じ結果を得るには、どのようにブートストラップをコンパイルする必要がありますか?

テンプレートをKendo UIと一緒にコンパイルする必要があり、Kendo UI Bootstrap Mapper に必要なすべてのテーマ変数がテンプレートに含まれていないため、これが必要です。

これは私の一気の仕事です：

@importless コンパイラで生成された css ファイルに、ファイルの先頭にディレクティブを含めてほしいです。

つまり、この少ないファイルを指定すると:

結果の CSS ファイルは次のようになります。

less import ディレクティブのさまざまなオプションのいずれも、これを生成するのに役立たないようです。他に方法はありますか？

更新：少ないファイルをコンパイルするためにgulp-lessを使用しています。less 自体ではなく、そのパッケージに問題がある可能性があります (@import (css) "external.css";目的の結果が得られません)。

私はgulpとを使用しgulp-lessてファイルを前処理して.lessおり、時間の経過とともにかなり複雑な構造を考え出すようになりました。これにより、ある程度の柔軟性が得られますが、デバッグが困難になることもあります。

現在、main.cssファイルの先頭に次の出力があります。

私のすべてのメディアクエリは変数で定義され、ミックスインで呼び出されるため、デバッグが非常に簡単であるように思われます....しかし、これを生成する必要があるファイルは何もありません-少なくともこれまでのところ私が知ることができるように-実際、これを潜在的に生成する可能性のある解析対象の候補はそれほど多くありません-そのため、私は少し立ち往生しています。

しかし実際には、何が原因であるかに関係なく、より大きな問題は、潜在的に複雑なless出力をどのようにデバッグするかということです。あちこちにコメントを貼り付ける以外に、私が知っている明らかなトリックはありません。

何か助けはありますか？