CSS

Question

にLESSをコンパイルしながら、私は、CSSを開発するための以下のファイルを使用していますが、私は、CSSとしてコンパイルしていたときにbase.lessなどのために複数回をコンパイルします：

style.less 
    @import 'base.less' 
    @import 'variable.less' 
    @import '../../dashboard/my-dashboard.less' 

my-dashboard.less 
    @import 'base.less' 
    .my-dashboard-css{ 
    all css goes here 
} 

スタイルをコンパイルするとき.less。style.cssは "my-dashboard.less"からbase.lessをスキップしたいが、私はbase.lessをインポートして、開発者のために参照する.Plsは私にどのように私を避けるべきかを示唆している。また、Ihvは@import（一度）を試みましたが、動作しません。

Answer 1

キーワードreference：@import (reference) "foo.less";を使用して参照のみをインポートできます。

http://lesscss.org/features/#import-options

Answer 2

私は3rdthemagical答えを@に同意するものとします。だからあなたの答えはあなたのガイドラインとしてのリンクに従ってください。

おそらく最後の出力です。

style.less 
    @import (reference) 'base.less' 
    @import (reference) 'variable.less' 
    @import (less) '../../dashboard/my-dashboard.less' 

my-dashboard.less 
    @import (reference) 'base.less' 
    .my-dashboard-css{ 
    all css goes here 
} 

、ここでは私の実際のLESS CSS

だ

// CodeKit Framework Libraries [Bootstrap] 
@import (reference) "utilities"; 
@import (reference) "variables"; 
@import (reference) "mixins"; 

// Internal Libraries 
@import (less) "_fonts"; 
@import (less) "_mixins"; 
@import (less) "components/default"; 
@import (less) "components/menu"; 
@import (less) "components/header"; 
@import (less) "components/footer"; 

@import (less) "components/core"; 

注：すべてのreference下が私の変数とミックスインとなります。インポートをlessと宣言すると、ファイルの読み込みと読み込みが少なくなります。