Less 프레임워크에서 CSS를 단일 파일로 패키징하는 기술에 대한 자세한 설명

Less 사전 컴파일된 프레임워크를 사용할 때 우리는 항상 CSS 파일의 배포 구조를 효율적으로 관리하기를 바랍니다. 여기서는 CSS가 필요한 친구가 CSS를 단일 파일로 패키징하도록 하는 기술을 살펴보겠습니다.

less는 다른 Less 파일을 가져올 때 하나의 파일로 병합합니다.
그러나 CSS 파일을 가져올 때 CSS는 기본적으로 병합되지 않습니다.
inline 키워드를 사용하여 패키지 a.css를 최종 단일 파일로 강제 지정합니다.

@import (inline) "./a.css";   
p{   
  color:yellow;   
}

컴파일된 결과는 다음과 같습니다. 파일은 하나뿐입니다(a.css에는 하나의 스타일)

a{   
    color:red;   
}   
p {   
  color: yellow;   
}

인라인 매개변수가 없으면 최종 결과는 다음과 같으며, 두 개의 파일을 요청하게 됩니다.

@import "a.css";   
p {   
  color: yellow;   
}

위 내용은 Less 프레임워크에서 CSS를 단일 파일로 패키징하는 기술에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!