.css 파일을 .less 파일로 가져 오기

.css 파일을 .less 파일로 가져올 수 있습니까?

나는 거의 익숙하지 않으며 모든 개발에 사용합니다. 정기적으로 다음과 같은 구조를 사용합니다.

@import "normalize";

//styles here

@import "mixins";
@import "media-queries";
@import "print";

모든 가져 오기는 다른 .less 파일이며 모두 정상적으로 작동합니다.

내 현재 문제는 다음과 같습니다 .css 파일에 사용 된 스타일을 다음과 같이 .css 파일을 .less로 가져오고 싶습니다.

@import "../style.css";

.small {
    font-size:60%;
    .type;
}
// other styles here

.css 파일에는 클래스가 포함되어 .type있지만 .less 파일을 컴파일하려고하면 오류가 발생합니다.NameError: .type is undefined

.less 파일은 .css 파일을 가져 오지 않고 다른 .less 파일 만 가져 옵니까? 아니면 내가 잘못 참조하고 있습니까 ...?!

다음과 같은 옵션을 지정하여 파일을 특정 유형으로 해석하도록 할 수 있습니다.

@import (css) "lib";

출력합니다

@import "lib";

과

@import (less) "lib.css";

lib.css파일 을 가져 와서 덜 취급합니다. 파일을 더 작게 지정하고 확장자를 포함하지 않으면 아무것도 추가되지 않습니다.

처리하지 않고 CSS를 출력에 복사하려면 (inline)지시문을 사용할 수 있습니다 . 예를 들어

@import (inline) '../timepicker/jquery.ui.timepicker.css';

버전 1.7.4에서 다음을 사용해야했습니다.

@import (less) "foo.css"

허용 된 답변이 @import (css) "foo.css"있지만 작동하지 않는다는 것을 알고 있습니다. 새 적은 파일에서 CSS 클래스를 재사용하려면 사용 (less)하지 말아야 (css)합니다.

설명서를 확인하십시오 .

css 파일의 파일 확장자를로 변경하십시오 .less. LESS를 작성할 필요는 없습니다. 모든 CSS는 유효하지 않습니다 (MS 항목을 제외하고는 탈출해야하지만 다른 문제입니다).

당 Fractalf의 대답 이 v1.4.0이 고정되어

로부터 LESS 웹 사이트 :

CSS 파일을 가져오고 LESS에서 처리하지 않으려면 .css 확장자를 사용하십시오.

@import "lib.css"; 지시문은 그대로 남겨두고 CSS 출력으로 끝납니다.

jitbit가 아래 주석에서 지적했듯이, 이것은 @import귀중한 대역폭을 불필요하게 소비 하고 싶지 않으므로 개발 목적으로 만 유용 합니다.

이 시도 :

@import "lib.css";

공식 문서에서 :

CSS 파일과 적은 파일을 모두 가져올 수 있습니다. 적은 파일 가져 오기 문만 처리되고 CSS 파일 가져 오기 문은 그대로 유지됩니다. CSS 파일을 가져오고 LESS에서 처리하지 않으려면 .css 확장자를 사용하십시오.

출처 : http://lesscss.org/

CSS 파일을 참조로 가져오고 싶지만 (예 : Mixins에서 클래스 사용) 결과에 전체 CSS 파일을 포함 시키지 않으 려면@import (less,reference) "reference.css"; .

내.없는

 @import (less,reference) "reference.css";
 .my-class{
     background-color:black;
     .reference-class;
     color:blue;
 }

reference.css

.reference-class{
    border: 1px solid red;
}

*와 결과 (my.css) lessc my.less out/my.css*

.my-class {
  background-color: black;
  border: 1px solid red;
  color: blue;
}

나는 사용하고있다 lessc 2.5.3

덜 줄어야하는 CSS 파일을 가져 오려면이 줄을 사용하십시오.

.ie {
  @import (less) 'ie.css';
}

1.5.0부터 u는 '인라인'키워드를 사용할 수 있습니다.

예 : @import (인라인) "not-less-compatible.css";

CSS 파일의 호환성이 떨어질 수있는 경우에 이것을 사용합니다. Less는 알려진 대부분의 표준 CSS를 지원하지만 일부 위치에서는 주석을 지원하지 않으며 CSS를 수정하지 않고 알려진 모든 CSS 핵을 지원하지 않기 때문입니다. 따라서 모든 CSS가 하나의 파일에 있도록 출력에 파일을 포함시키는 데 사용할 수 있습니다.

(출처 : http://lesscss.org/features/#import-directives-feature )