2017-04-05 1 views
0

적은 파일을 하나의 CSS 파일로 컴파일합니다. 그러나 나는 http://lesscss.org/에서 귀하의 웹 페이지에 적은 파일 인스턴트를 포함시킬 수 있음을 확인했습니다.적은 파일을 컴파일해야하는 이유는 무엇입니까?

클라이언트 쪽은 가장 쉬운 방법은 시작 적은 개발을위한 좋은 성능 및 안정성이 중요한 경우 생산에, 우리가 사용 Node.js를하거나 많은 중 하나를 컴파일 사전 추천받을 것입니다 제 3 자 도구를 사용할 수 있습니다. 에서 태그에 페이지의 요소를

다음, 다운로드 less.js과 같습니다

시작하려면 rel 속성으로 .less 스타일 시트를 링크는 에 "스타일/적은"로 설정 :

CSS로 컴파일하거나 덜 파일을 jusing 사이의 diffrents 무엇

?

+3

글쎄요, 그 중 하나는 CSS로 컴파일 한 다음 해당 CSS를 제공한다는 의미입니다. 브라우저가 모든 페이지를로드 할 때마다 반복해서 컴파일 할 필요가 없음을 의미합니다. – BoltClock

+1

브라우저가 이해할 수없는 less 파일을 사용할 때 less 파일을 읽고 브라우저가 이해하는 CSS로 변환하는 Javascript LESS 컴파일러를 포함시켜야합니다.꽤 명백한 오버 헤드가 나는 생각할 것입니다. – deceze

답변

0

CSS에 .css 파일에 .less 파일을 설정하는 프로그램을 사용하는

여기에 컴파일 수단을 컴파일. 예를 들어

, 덜 파일 :

.outerDiv { 

    .innerDiv { 

     color:green; 

    } 

} 

당신은 같은 CSS 파일이 생성됩니다 그것에 컴파일러를 사용하는 경우 :

.outerDiv .innerDiv { 

    color:green; 

} 

나는 코알라를 사용합니다. 그것은 파일을 덮어 쓰지 않고 단지 CSS 파일을 생성합니다.

머리 부분에 해당 CSS 파일을 참조한 다음 서버에 업로드하기 만하면됩니다. less.js 방법

이상

장점이 당신이 CSS 파일을 축소하세요 특히 (적은 파일을 통해 보내는 것보다 가벼운 (로드 클라이언트 적은 데이터)이며, 이는 코알라 너무 당신을 위해 할 것).

또한 사용자를위한 "점프"없이 빠르게로드 할 수 있습니다.

당신은 다음 less.js 방법 대신 사용하는 경우 :

  • 페이지가로드를 다음의 개막과 .less 규칙 페이지를 restyles
  • less.js 스타일링 사랑스러운 .less없이 렌더링

사용자가 느린 연결을 사용하면 오래 된 스타일이없는 버전이 잠시 표시 될 수 있으며 페이지가 갑자기 다시 포맷됩니다.

관련 문제