SASS变量跨文件范围

Question

为了使用

@include box-shadow(0 0 10px black);

你必须包括“图书馆”：

@import "compass/css3";

稍后在文件中，我包括其他scss：

@import "sidebar/main";

并在那个侧栏/ _main.scss中，当我打电话时：

@include box-shadow(0 0 10px black);

罗盘打破错误：

< ... Undefined mixin 'box-shadow'.>

这是否意味着我必须在我自己的库文件中抽象库，然后在每个scss中包含该文件???

Answer 1

将侧边栏/ main.scss重命名为侧边栏/ _main .scss - 无需更改其他代码。

这指示sass编译器不要将sidebar / main.scss文件编译成单独的css文件，而是将其包含在主scss文件中。

这个过程是这样的：

sass使用所有包含文件编译主scss文件并生成css（此处没有错误，因为罗盘包含在顶部） sass编译所有其他不以_开头的scss文件，但由于这些文件没有包含罗盘，因此会抛出错误。