LESS 파일 임포트하기

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

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

lib.less.mix() {
  color: red;
}

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

styles.less@import url('lib.less');

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

styles.lessdiv {
  .mix;
}