@marceloverdijk 여기에 # 331에 대한 생각과 스타일 시트를 가져올 때 경로를 조정하는 방법이 궁금합니다.

규칙은 간단합니다. .less 끝나거나 확장자가없는 파일 만 가져 오면 나머지는 브라우저에 남겨집니다. 따라서 <strong i="6">@import</strong> "foo.css" 는 그대로두고 <strong i="8">@import</strong> "foo" 및 <strong i="10">@import</strong> "foo.less" 를 구문 분석하고 파일을 가져옵니다.

좋습니다. 규칙은 명확합니다. 감사.

그러나 Google 글꼴 가져 오기가 실제로 가져온 이유를 알고 있습니까?
유일한 차이점은 실제 브라우저 대신 Env.js와 Rhino를 사용하고 있다는 것입니다.

덜 논리가 Env.js에서 이해하지 못하는 (또는 잘못) 가져와야하는지 여부를 결정하기 위해 무언가를 사용하고 있습니까?

도움을 주시면 감사하겠습니다.

LESS를 컴파일하기 위해 이것을 사용하고 있습니다.

var 결과; var p = new less.Parser (); p.parse (input, function (e, tree) {result = tree.toCSS ();});

규칙에 대한 1 개의 질문입니다. 따옴표가 중요합니까?

나는 import.js 덜 소스에서 이것을 발견했습니다.

    if (path instanceof tree.Quoted) {
        this.path = /\.(le?|c)ss$/.test(path.content) ? path.content : path.content + '.less';
    } else {
        this.path = path.value.content || path.value;
    }

내가 사용한 해결 방법은 글꼴 URL에 &.css 를 추가하여 LESS 파서가 일반 CSS 가져 오기처럼 처리하도록 속이는 것입니다. 이렇게 :

<strong i="7">@import</strong> url(http://fonts.googleapis.com/css?family=Open+Sans&.css);

BTW, LESS의 원래 디자이너가 불쌍한 @import 를 재사용하는 대신 별도의 @include 지시문을 사용하지 않은 것이 매우 안타깝습니다.

테스트 https://github.com/cloudhead/less.js/blob/master/test/less/import.less에서 제안한 것처럼 작동하지 않아야한다고 생각합니다.

포함하는

<strong i="8">@import</strong> url("import/import-test-a.less");
//<strong i="9">@import</strong> url("import/import-test-a.less");
<strong i="10">@import</strong> url(http://fonts.googleapis.com/css?family=Open+Sans);

#import-test {
  .mixin;
  width: 10px;
  height: <strong i="11">@a</strong> + 10%;
}

기대

<strong i="15">@import</strong> "import-test-d.css";

<strong i="16">@import</strong> url(http://fonts.googleapis.com/css?family=Open+Sans);
#import {
  color: red;
}
.mixin {
  height: 10px;
  color: red;
}
#import-test {
  height: 10px;
  color: red;
  width: 10px;
  height: 30%;
}

Google Fonts 가져 오기가 여전히 포함되어 있습니다.
나는 이것을 직접 테스트하지 않았지만 통과했다고 가정합니다.

추신 :이 Google 글꼴 가져 오기는 내 오픈 소스 lesscss4j 라이브러리에서 전달되지 않는 유일한 부분입니다.
다른 모든 호환성 테스트는 현재 통과하고 있습니다.

그래서 저는이 마지막 문제를 공개하기 전에이 문제를 해결하고 싶습니다. 누군가가 도울 수 있기를 바랍니다.

LESS의 Google Web Fonts에 대한 훌륭한 해결 방법에 대해 maranomynet에게 감사드립니다 (LESS 릴리스 1.1.3에서 @import 를 사용하는 데 문제가있었습니다). 나는 LESS가 불행한 방식으로 구문의이 부분을 처리했다는 데 동의합니다.

나는 지금 더 혼란스러워졌다.

간단한 웹 프로젝트를 만들고 헤드 섹션에 아래 코드를 추가했습니다.

<link rel="stylesheet/less" type="text/css" href="/less/google.less">
<link rel="stylesheet/less" type="text/css" href="/bootstrap/bootstrap.less">
<script src="/js/less-1.1.4.js" type="text/javascript"></script>

Twitter Bootstrap 컴파일은 작동하지만 google.less는 작동하지 않습니다.
이 google.less에는 LESS 호환성 테스트 import.less에서 복사 한 아래 행만 포함되어 있습니다.

<strong i="11">@import</strong> url(http://fonts.googleapis.com/css?family=Open+Sans);

브라우저에서받은 오류는 다음과 같습니다.

http : // localhost : 8888 / less / http://fonts.googleapis.com/css?family=Open+Sans(404 )를로드 할 수 없습니다 .
http : // localhost : 8888 / less / google.less

이제 정말 import.less 호환성 테스트에 대해 궁금해하기 시작합니다 ....

닫기 URL 가져 오기 전에 & .css 추가

...에서
@import url (http://fonts.googleapis.com/css?family=Open+Sans);

...에
@import url (http://fonts.googleapis.com/css?family=Open+Sans&css);

나는 비슷한 문제가 있었기 때문에 이것이 누구에게나 도움이되는 경우 : '|'로 구분 된 여러 Google 글꼴을 가져 오려고했습니다.
@import url (http://fonts.googleapis.com/css?family=Inconsolata|Cantarell|Architects|Daughter&.css);
url () "에 대해"missing closing) 오류가 발생합니다.

URL을 따옴표로 묶어 오류가 해결되었습니다 (참고 : & .css는 여전히 끝에 있어야합니다. 그렇지 않으면 404 가져 오기 오류가 발생했습니다). 모든 글꼴도 성공적으로로드됩니다.
@import url ( "http://fonts.googleapis.com/css?family=Ubuntu+Mono|Cantarell|Architects|Daughter&.css");

좋은 팁 enoex : D 감사합니다 !!!!

이 문제가 종결 된 이유를 알기가 어렵습니다. 사용자는 주변에서 엄청나게 이상한 해킹을 발견했습니다. Google이 & .css; 이것은 lessc에서 수정이 필요합니다. @import 를 문자 그대로 가져

나는 동의한다. 어떤 제안?

<strong i="6">@import</strong> css url(...);

가능성입니다. 또한 .css 확장자를 사용하여 Less 가져 오기를 강제 할 수 있습니다.

그 구문은 괜찮아 보입니다 (나는 파서를 작성하는 사람이 아니므로 얼마나 잘 맞는지 모르겠습니다).

내 유일한 관심사는 다른 less 컴파일러입니다. 코드 나는 그들의 적은 컴파일러도 컴파일 시간을하지 않습니다 아마도 때문에, 그것을 쓴 개발자를위한 가공 한 미세에 문제가 있었다 @import . 따라서 이것이 lessc 에서 수정 되었더라도 "& .css"해킹을 계속 사용할 것입니다. 그래도 할 수있는 일은 없습니다.

누구든지 해결책을 찾았습니까?

"& .css"를 추가하고 URL을 따옴표로 묶는 것만으로 컴파일 문제가 해결된다는 것을 알았습니다. 지정한 글꼴은 여전히 ​​렌더링되지 않습니다 ....

여전히 문제인 것처럼 들리므로 다시 열었습니다.

간단한 수정은 매개 변수가 포함 된 URL에 아무것도 추가하지 않는 것입니다 (예 :? family = x).

@ntoft 더 이상 오류를 재현 할 수 없습니다. lessc ..를 사용하여 정확히 남은 문제는 무엇입니까?

후속 조치 해 주셔서 감사합니다.

나는 "append & .css"접근 방식을 사용하고 있으며 현재 작동하고 있습니다 (일부 사용자 오류 :-/) 더 나은 방법이 있는지 궁금했습니다. 그러나 작동하는 것 같으므로 자유롭게 닫으십시오.

감사.

추가 .css 접근 방식없이 작동한다면 좋을 것입니다. 그래서 그 예가 있습니까?

내가 잘못 이해했다고 생각합니다 ... 문제는 가져 오기를 원하지 않을 때 CSS를 가져 오는 것입니다.

1.4.0에서 @import 은 (는) 그대로두고 @include 는 항상 포함되어야합니다.

토론을 단일 문제로 옮기기 # 1185

다음과 같은 문자를 이스케이프해야합니다. @import url (https \ : \ / \ / fonts.googleapis.com \ / css? family = Orbitron & .css);

@ jas-naz 적절하고 읽기 쉬운 방법은 다음과 같습니다.

<strong i="6">@import</strong> (css) url(https://fonts.googleapis.com/css?family=Orbitron);

자세한 내용은 http://lesscss.org/features/#import -atrules-feature-import-options를 참조

안녕하세요,이를 달성하기위한 또 다른 방법은 다음과 같이 URL 끝에 "#css"를 추가하는 것입니다.

<strong i="6">@import</strong> url('https://fonts.googleapis.com/css?family=Paytone+One#css');

안녕하세요.

나쁜 생각. 최근 버전에서는 Less가 실제로이 파일을 처리합니다 (가져 오기를 그대로 두는 대신).
그래서 그 앞에 (css) 가 필수입니다. (이전 버전에서는 컴파일러가이 특정 경우에 누락 된 적절한 확장 대신 url의 "일부" css 문자열에 의해 결정된 잘못된 동작이었습니다).