.less 파일을 .less 파일로 가져옵니다.

.less 파일을 .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";

will output

@import "lib";

그리고.

@import (less) "lib.css";

는 입니다.lib.css파일을 작성하고 덜한 것으로 취급합니다.파일을 더 적게 지정하고 확장자를 포함하지 않으면 파일이 하나도 추가되지 않습니다.

CSS가 처리되지 않고 출력물에 복사되기를 원한다면 다음과 같은 명령어를 사용할 수 있습니다.

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

버전 1.7.4와 함께 다음을 사용해야 했습니다.

@import (less) "foo.css"

은 ㅇㅇㅇㅇ로 .@import (css) "foo.css"하지만 그것은 작동하지 않았다.운 less에서 CSS를면을야다다야o을 사용해야 합니다.(less) 아닌(css).

설명서를 확인합니다.

를 CSS 파일 확장자로 합니다..less 안에. LESS로 그 안에 LESS를 쓸 필요는 없습니다. 모든 CSS는 LESS로 유효합니다. (탈피해야 하는 MS 항목은 제외하지만, 그것은 또 다른 문제입니다.)

프랙탈프의 답변에 따르면 이것은 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-File을 Reference로 가져오기를 원하지만(예: Mixins에서 클래스를 사용하기 위해) 전체 CSS 파일을 사용할 수 없는 경우 사용할 수 있습니다.@import (less,reference) "reference.css";:

나의.적은

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

참고문헌

.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 이후로 당신은 'http' 키워드를 사용할 수 있습니다.

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

Less가 대부분의 알려진 표준 CSS를 지원하지만, CSS를 수정하지 않고는 주석을 지원하지 않으며 모든 알려진 CSS 해킹을 지원하지 않기 때문에 CSS 파일의 호환성이 떨어질 수 있습니다.따라서 이것을 이용하여 모든 CSS가 하나의 파일에 포함되도록 출력에 파일을 포함시킬 수 있습니다.

(출처: http://lesscss.org/features/ #가져오기-지시문-특징)

언급URL : https://stackoverflow.com/questions/11196915/import-css-file-into-less-file