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) 会更好。这样，您可以在变量上使用 !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";

这是关于 !default 的 Sass 文档：http: //sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variable_defaults_