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

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

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

流程如下：

sass 编译包含所有内容的主 scss 文件并生成 css（此处没有错误，因为指南针包含在顶部） sass 编译所有其他不以 _ 开头的 scss 文件，但由于这些文件不包含指南针，因此会引发错误。