URLでファイルを間違ってインポートすることがありません

Question

URLのLESSのインポート戦略は、CSSと同じ相対パスを考慮していないようです。

test.less

@import "sub/test.less"; 
div.a { 
    background-image:url('imagea.jpg'); 
} 

sub/test.less

div.b { 
    background-image:url('imageb.jpg'); 
} 

output.css

div.b { 
    background-image:url('imageb.jpg'); 
} 
div.a { 
    background-image:url('imagea.jpg'); 
} 

correct_output.css

div.b { 
    background-image:url('sub/imageb.jpg'); 
} 
div.a { 
    background-image:url('imagea.jpg'); 
} 

LessJSからこの動作を取得する方法はありますか、これは実装上のバグですか？

Answer 1

これはfixed hereと思われます。詳細usageの下で非常に簡単に説明したように、ここでは修正プログラムを適用する方法は次のとおりです。

<script type="text/javascript"> 
    less = { 
     relativeUrls: true 
    }; 
</script> 
<script src="less.js" type="text/javascript"></script> 

かなりLESSはすでにこれを実行しなかったことについてです。 CSSからLESSへの下位互換性（有効なCSSは有効なLESSでなければならない）が重要だと思います。

Answer 2

回避方法：ディレクトリ階層の一致を確認してください。

~/root/lib/css/output.css 
~/root/lib/less/test.less 
~/root/images/imagea.jpg 
~/root/images/imageb.jpg 

cssディレクトリに出力されるファイルの量を減らしてください。適切なディレクトリ構造を持つことに加えて、cssファイルの相対パスは一致して正しく動作します。