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的文档!默认值: