컴파일하지 않고 Sass 가져 오기

Question

sass에서는 가져 오기 명령을 사용하여 하나의 가져 오기를 수행합니다. 나는 예로서 Zurb 재단을 사용합니다 :

는

@import "foundation"; 

이는 전체 foundation.scss 파일을 가져옵니다 모든 현재의 파일의 상단을 기준으로 수입입니다. 즉, foundation.scss 파일 전체가 컴파일되어 파일의 내용과 함께 최종 <name here>.css 파일로 출력됩니다.

맞춤 색상 및 간격과 같이 맞춤 설정에 좋지만 라이브러리를 만들고 다른 사람들이 기존 프로젝트에 삽입 할 수 있도록 개별 라이브러리로 배포 할 때 어려움이 있습니다.

및 기타 변수가 현재 파일의 범위에서 사용 가능하게되지만 다른 css 문은 무시되므로 "참조"로 파일을 가져 오는 방법이 있습니까? LESS CSS 사전 처리기에는 이와 비슷한 새로 구현 된 가져 오기 태그 (적절하게는 reference)가 있습니다. 재단을 살펴보면

는

Answer 1

이에 좋은 접근 방식을 보여줍니다 여기에

https://github.com/zurb/bower-foundation/blob/master/scss/foundation/components/_breadcrumbs.scss

들이 파일의 맨 위에있는 하나의 @import "global"; 있습니다. 하단에서 유지 mixin

의 무리

뒤에

자신이 갖고 :

@include exports("breadcrumbs") { 
    @if $include-html-nav-classes { 
    .breadcrumbs { 
     @include crumb-container; 
     @include radius($crumb-radius); 

     &>* { 
     @include crumbs; 
     } 
    } 
    } 
} 

$include-html-nav-classes이 _global.scss 파일에서 기본적으로 true로 설정됩니다. 이 파일을 false로 변경하여 다른 파일에서도 무시할 수 있습니다. 이렇게하면 mixins를 사용하고 html을 생성 할 수 있습니다.

css를 생성 할 필요가없는 경우 mixins 만 포함하면 상황이 간단 해집니다. 나는 그들이 신속하게 사용자 정의 및 출력 CSS의 최적화를 허용하기 위해이 일을 믿습니다.