변수에 따라 LESS 스타일 시트를 어떻게 가져 옵니까?

Question

@template-productlist-id = 1; 

    & when (@template-productlist-id = 0) { 
     import "product-lists/product-list0.less"; 
    } 

    & when (@template-productlist-id > 0) { 
     import "product-lists/product-list.less"; 
    } 

하지만 작동하지 않는 것 같습니다. 여전히 2 개의 파일을 가져옵니다. 어떻게하면 될까요?

Answer 1

당신의 코드가 유효 덜하지 않다, 시도 :

1. 당신은 (@)

에서 시작해야 콜론 (:)

가져 오기 문으로 변수를 할당해야합니다.

@template-productlist-id: 0; 
.import() { 
    & when (@template-productlist-id = 0) { 
     @import "product-lists/product-list0.less"; 
    } 

    & when (@template-productlist-id > 0) { 
     @import "product-lists/product-list.less"; 
    } 
} 
.import(); 

또는 실제로는 또한 다음과 같은 적은 코드는 예상 된 결과를 줄 것이다 :

@template-productlist-id: 0; 
    & when (@template-productlist-id = 0) { 
     @import "product-lists/product-list0.less"; 
    } 

    & when (@template-productlist-id > 0) { 
     @import "product-lists/product-list.less"; 
    }