DotLess가 CSS 파일을 가져 오지 않았습니다.

Question

DotLess을 프로젝트에 사용하려고하는데 해결할 수없는 문제가 있습니다. 내 자신의 사용자 지정 파일에 덜 믹스를 사용하여 기존 CSS 파일 (실제로 JQuery UI에서)을 확장하려고합니다.

.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 파일의 관련 부분 : JQuery와-UI-1.8.20.custom.css에서

나는 이것을 컴파일하려고

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

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

다음과 같은 점이없는 명령 : 나는 다음과 같은 오류 메시지가 나타납니다

.\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 파일을 확장하는 것은 매우 일반적인 사용 사례처럼 보입니다.

Answer 1

가져 오기의 파일 확장자를 .less로 변경하십시오. 그렇지 않으면 실제로는 css이고 그대로 처리하지 않고 텍스트를 그대로 가져 오는 것으로 가정합니다.

인수없이 점없는 컴파일러를 실행하면 허용되는 모든 인수가 표시됩니다. 하나는 -a --import-all-less - .css로 끝나는 경우에도 모든 가져 오기를 덜 취급하므로

입니다. 따라서 파일 이름을 바꾸는 대신해볼 수 있습니다.

그런 다음 탈출 할 필요가있는 항목이 있음을 알게 될 수도 있지만 손가락을 통과하면 효과가 있습니다.