Sass 使用SCSS从一个文件中减去另一个文件

Sass 使用SCSS从一个文件中减去另一个文件,sass,Sass,我有一个跨多个项目共享的common.scs。对于新项目,此文件中应该删除的行很少。是否可以使用CSS选项创建文件,这些选项将从common.scss中删除?您可以创建一个布尔变量,并将代码行包装到if语句中。例如: // common.scss $include_extra_css: true; // global css here @if $include_extra_css { // special css here } 然后,根据每个项目相应地更改$include\u

我有一个跨多个项目共享的
common.scs
。对于新项目,此文件中应该删除的行很少。是否可以使用CSS选项创建文件,这些选项将从
common.scss
中删除?

您可以创建一个布尔变量,并将代码行包装到if语句中。例如:

// common.scss

$include_extra_css: true;

// global css here

@if $include_extra_css {

   // special css here

}
然后,根据每个项目相应地更改$include\u extra\u css的值

但是:如果common.scs是导入到另一个主Sass文件中的部分(_common.scs),则会更好。这样,你就可以使用了!然后在导入变量的任何文件中更改其值,而不必为每个项目修改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的文档!默认值: