1

プロジェクトでDotLessを使用しようとしていますが、解決できない問題が発生しています。独自のカスタム ファイルで LESS mixin を使用して、既存の CSS ファイル (実際には JQuery UI からのもの) を拡張しようとしています。

jquery-ui-1.8.20.custom.css:

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; }

そして私のcustom.lessファイルの関連部分：

@import "./jquery-ui-1.8.20.custom.css";

.sortable-list li:hover {
    .ui-state-hover;
}

これを次の DotLess コマンドでコンパイルしようとすると:

.\dotless-compiler -m [LESS_FILE_PATH]\custom.less .\custom.generated.css

次のエラー メッセージが表示されます。

.ui-state-hover is undefined on line 92...
[91]: .sortable-list li:hover {
[92]:     .ui-state-hover;
  ----^
[93]: }[Done]

a) コマンド ライン コンパイラへの引数が不足しているかどうかを知っている人はいますか? （それについてのドキュメントは本当にいいでしょう...）

b) そうでない場合、私が説明した状況を処理できない LESS 固有の欠点はありますか? 触れることができない既存の CSS ファイルを拡張することは、非常に一般的な使用例のようです。

4

1 に答える 1

1

インポートのファイル拡張子を .less に変更します。それ以外の場合は、実際には css であると想定し、処理を減らすことなくテキストをそのままインポートします。

引数なしで dotless コンパイラを実行すると、許可されているすべての引数が表示されます。1 つは -a --import-all-less - .css で終わる場合でも、すべてのインポートを less として扱います。

ファイルの名前を変更する代わりに、それを試すことができます。

その後、エスケープする必要があるものがあることに気付くかもしれませんが、指を交差させればうまくいきます。

于 2012-06-14T14:14:14.360 に答える