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);

compass 因错误而中断:

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

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

Answer 1

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

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

过程是这样的:

sass 编译包含所有内容的主 scss 文件并生成 css(这里没有错误，因为 compass 包含在顶部)sass 会编译所有其他不以 _ 开头的 scss 文件，但由于这些文件不包含 compass ，因此会抛出错误。