4

現在Bootstrapを使用しており、Codekitでコンパイルしており、別のスタイルもあります。

variables.lessの場合：

@blue: #0096EF;

style.lessでは、次のようになります。

.title-text {color: @blue;}
@import: "variables.less";

bootstrap.lessの場合：

@import: "style.less";
@import: "variables.less";

私はこれを正しくやっていますか？私の考えでは、ブートストラップをコンパイルすると、variables.lessが2回発生します。

4

2 に答える 2

2

最初のインポート インスタンスとしてブートストラップで 1 回 variable.less のインポートを行うことができ、実際の style.less に 2 回目に含めないでください。あなたの仮定は正しいので、再度 variable.less をインポートします。つまり、同じ変数を 2 つの場所にインポートしています。

PS 変数自体にアクセスする前に、使用する変数を定義する variables.less がインポートされている限り、問題ありません。

@color-black: #000;

.color {
      color: @color-black;
}
于 2012-04-17T19:40:32.120 に答える
1

Codekit を使用して少ないファイルをコンパイルしているため、これも Codekit の問題であることがわかりました。

解決：

  1. style.less を作成して意図したとおりに編集し、 @blue 変数を参照 (現在のドキュメントでは宣言されていません)
  2. 保存時に、style.less で変数が宣言されていないため、Codekit はコンパイル エラーを返します。エラーを無視します。
  3. bootstrap.less @importstyle.less で
  4. bootstrap.less を保存すると、問題なくコンパイルされます
  5. HTMLドキュメントでbootstrap.cssを呼び出します

ちなみに、ステップ 2 と 3 の間で Codekit のバグに遭遇しました。ステップ 2 の後、Codekit は何も監視またはコンパイルしなくなりました。解決するには、監視対象のプロジェクトを削除してから、Codekit に再度追加する必要がありました。

于 2012-04-18T17:00:34.560 に答える