LESS 파일 임포트하기

LESS 코드를 여러 파일로 나누고, 그 후에 하나의 CSS 파일로 합칠 수 있습니다. 이것은 @import 명령어를 사용하여 수행됩니다.

예시를 통해 살펴봅시다. 우리가 보조 함수들을 넣을 파일 lib.less가 있다고 가정해 봅시다:

.mix() {
	color: red;
}

이 파일을 우리의 메인 파일 styles.less로 임포트해 봅시다:

@import url('lib.less');

임포트 후에는, 임포트한 파일의 모든 데이터를 우리 파일에서 사용할 수 있게 됩니다. 따라서 믹스인 .mix를 사용할 수 있습니다:

div {
	.mix;
}

유용한 함수들이 있는 라이브러리 파일을 만드세요. 그것을 당신의 메인 파일로 임포트하세요.