2014-07-07 1 views
2

현재 내 사이트에서 less.js 해결 방법을 만들었습니다. 그리고 그것은 잘 작동합니다. 코드가 아래와 같이 보입니다.less.js의 작동 방법

<html> 
<head> 
<link rel="stylesheet/less" type="text/css" href="styles.less" /> 
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.3/less.min.js"></script> 
</head> 
<body> 
    ... 
</body> 
</html> 

styles.less 파일을 업데이트 한 경우 페이지를 새로 고침하십시오. Less.js은 적은 파일을 컴파일하고 페이지에 적용합니다. 하지만 난 단지 어디에 css 파일을 준수하고 궁금해? 그리고 less.js가 lessc이라고 부르면 적은 파일을 컴파일 할 수 있습니다.

감사합니다.

답변

1

제공된 설정 (HTML 페이지)에서 클라이언트가 보다 덜 파일을 해석하는 것에 대해 걱정하게합니다.

정확히 말하면 브라우저는 링크 된 JavaScript 라이브러리를로드하고이 JavaScript는 styles.less 파일을 해석합니다.

실제 CSS 파일은 모든 브라우저 측 작업이므로 서버에 저장되지 않으며 브라우저가 RAM을 제외하고 어떤 위치에 저장하는지 의심 스럽습니다.


이 방법은 좋은 방법이 아닙니다. 우리는 하이 엔드 서버를 갖춘 관대 한 사이트 소유자가 가능한 한 많은 고객으로부터 계산 비트를 제거하는 것을 좋아합니다. 우리는 배터리 사용량이 적게 들고있는 아이폰 사용자를 괴롭 히고 싶지 않다.

또는 편집을 마친 후 스타일 파일에 lessc styles.less > styles.css을 실행합니다. 그리고 HTML에서 직접 styles.css을 사용하고 HTML에서 less.js을 제거하십시오. 당신이 질문 할 수 있습니다


질문 : 어떻게 다음 자동 CSS하기 위해 컴파일해야합니까?

는 몇 가지 솔루션이 있습니다

  • 파일이나 디렉토리를보고 몇 가지 소프트웨어를 사용하여이 변경되는에 적은 파일의 컴파일을 자동화합니다.
  • 사용중인 편집기의 글꼴이 보다 작거나이거나 확장자로 추가되었을 수 있습니다.
  • 웹 프레임 워크를 사용하여 strat을 고려할 수 있습니다. 웹 프레임 워크에서 다른 advnatage를 얻거나 이미 사용하고 있다면 좋은 선택입니다. 익스프레스 프레임 워크와 함께 미들웨어를 사용하지 않는 example.
+0

거의 자동으로 파일을 처리하기위한 전체 프레임 워크가 필요하지 않습니다. 그것은 주로 올바른 편집기를 사용하거나 파일을 변경할 때마다 자동으로 파일을 컴파일하는 다른 종류의 * 감시자를 설정하는 문제입니다. 모든 것을 약간의 프레임 워크로 옮기는 것은 다소 과잉이다. 이 파일은 웹 서버가 아닌 개발 중에 한 번만 컴파일하면됩니다. – deceze

+0

@deceze가 완전히 동의했습니다.나는 그가 웹 프레임 워크를 사용하기를 원할지도 모른다고 생각했다. 다른 장점은 그가하는 일에 따라 도움이 될 수도 있기 때문이다. 자동화 옵션에 대한 더 나은 개요를 제공하기 위해 대답을 수정했습니다. 지적 해 주셔서 고마워요. – alandarev

+0

@alandarev 귀하의 게시물을 감사드립니다. 귀하는 '고객이 적은 파일을 해석하고있다'고 말했습니다. 나는 그것이 무엇을 의미하는지 모르겠다. 브라우저가 Less 파일을 해석한다는 것을 의미 하는가? 만약 그렇다면, 나는 너에게 동의하지 않는다. 내 이해에. 내가 less.js를 사용한다면. 더 적은 컴파일 작업이 서버에서 일어나야합니다. 서버에 nodejs 만 설치하기 때문입니다. 모든 종류의 클라이언트에 대해 적은 패키지를 설치할 필요는 없습니다. 그리고 서버는 Less 파일 http 요청에 대해 컴파일 된 CSS 코드를 반환합니다. 그게 맞습니까? 그것을 확인하는 데 도움주세요. 감사합니다. –

0

내가 알기로 : javascript는 'link'태그에서 HTML 태그로 'less'파일을 읽고 'style'태그로 분석하면 브라우저 디버그 도구를 사용해야합니다 (페이지를 닫으면 스타일 태그가 청소).