sass - SCSS を使用してあるファイルから別のファイルを差し引く

Question

common.scss複数のプロジェクトで共有されているものがあります。このファイルには、新しいプロジェクトのために削除する必要がある行がいくつかあります。から差し引かれる CSS オプションを含むファイルを作成することは可能common.scssですか?

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) である方がよいでしょう。このように、プロジェクトごとに common.scss の値を変更するのではなく、変数に !default フラグを使用して、それをインポートする任意のファイルでその値を変更できます。(直接コンパイルする Sass ファイルを別の直接コンパイルする Sass ファイルにインポートするのは悪い習慣であることに注意してください)。そのようです：

// 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";

!default に関する Sass のドキュメントは次のとおりです: http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variable_defaults_