초록 SCSS를 사용하여 다른 파일에서 하나의 파일

Question

common.scss은 여러 프로젝트에서 공유됩니다. 이 파일에는 새 프로젝트를 위해 제거해야하는 행이 거의 없습니다. common.scss에서 뺄 수있는 CSS 옵션을 사용하여 파일을 만들 수 있습니까?

Answer 1

부울 변수를 만들고 if 문에 코드 행을 래핑 할 수 있습니다. 예 :

// common.scss 

$include_extra_css: true; 

// global css here 

@if $include_extra_css { 

    // special css here 

} 

그런 다음 프로젝트별로 $ include_extra_css의 값을 변경하십시오.

그러나 common.scss가 다른 주 Sass 파일로 가져 오는 부분 (_common.scss) 인 경우 더 좋을 것입니다. 이렇게하면 변수에! default 플래그를 사용하고 모든 프로젝트에 대해 common.scss의 값을 수정하지 않고 가져 오는 파일의 값을 변경할 수 있습니다. 직접 컴파일 Sass 파일을 다른 직접 컴파일 Sass 파일로 가져 오는 것은 나쁜 습관입니다. 그래서처럼!의 http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variable_defaults_

:

// common.scss 

$include_extra_css: true !default; 

// global css here 

@if $include_extra_css { 

    // special css here 

} 

// otherfile.scss 

$include_extra_css: false; 

@import "_common.scss"; 

여기에 기본에 말대꾸 문서입니다