いくつかの .less ファイルがあり、それらすべてをコンパイルするために less アプリを使用しています。使用する構造は大まかに次のとおりです (less 1.4 を使用):
--mixins.less - このファイルにはすべてのミックスインが含まれます。
--color-scheme.less - このファイルには、カラー リファレンスを持つすべてのクラスが含まれます。
--main.less - サイトの残りのスタイル。これは、mixins.less と color-scheme.less の両方を @import します。
main.less では、++.className
それを使用するすべてのクラスを 1 つの宣言のみのリストにコンパイルする構文を使用しているので、次のようになります。
.foo{
color:red
}
.bar{
++.foo;
}
.fiz{
++.foo;
}
コンパイルして:
.foo, .bar, .fiz{
color:red;
}
これは main.css (main.less の出力) の先頭でコンパイルされます。色のテーマがいくつかあるため、変更があるたびに手動でコンパイルし、宣言を色付きで別のファイルに手動で分離する必要があります。
基本的に、++を使用するすべてのクラスを特定のファイルにコンパイルできるソリューションを探しています。
ありがとう!