使用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）会更好。这样，您可以在变量上使用！default标志，然后在任何文件中更改其值，而不必在common.scss中为每个项目修改其值。 （请注意，将直接编译的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";

以下是Sass文档！default：http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variable_defaults_