SCSS / SASS没有映射/编译成CSS

Question

我是一个非常新鲜的Sass用户，我正试图使用​​它来开始。我喜欢SMACSS层次结构，并尝试将其合并到我的项目中，如图所示， 使用Brackets ：

它通过我的电脑上安装的Ruby进行编译。但是，无论我做什么，main.scss文件都没有映射，也没有转换为main.css文件。 main.css文件中唯一的东西是

/*# sourceMappingURL=main.css.map*/

我在网上搜索过但没有找到答案。任何Sass用户都有一些建议吗？

有趣的是，当我直接在供应商目录文件夹中创建“robotodraft.scss”文件时，如此链接FontFaceKit RobotoDraft所示，它可以正常工作！使用内容自动生成css和css.map文件！

然而，当我在多个文件夹中尝试使用_underscorefiles时，如上图所示链接到样式文件夹中的主要css，我什么都没得到。

我的供应商文件夹看起来像这样

更新 6/25/16

我制作了一个font.scss文件，指向包含我想要使用的字体的文件夹和文件，并编译完成！我仍然无法弄清楚为什么我的main.scss无法编译。文件中没有语法错误。 请参阅下面的字体文件

Answer 1

通常，当SASS不编译时，这意味着某处存在语法错误。我不熟悉您正在使用的编辑器或SASS预编译的方式，但检查控制台或单个文件中的错误。

index.html的第17行有一个指向“styles / typography.css”的链接，我在你的文件夹结构中没有看到。同样，根据您的编译方式，这可能是也可能不是问题。

如果你在部分中的某个地方通过@import调用“排版”，那肯定会停止编译并阻止编译main.css

Answer 2

您使用下划线（_）作为文件前缀，保留给部分sass（如Ruby中的require或C中的include） ...

请确保您放下下划线或正确使用import指令（可能是include指令，我不记得我的头脑了。）

Answer 3

我从这个method找到了答案，这基本上就像为你在基于Sass的项目中使用的每个子文件夹放置一个大使文件。我在每个文件夹中使用了一个index.scss文件，该文件引用了每个文件夹中的所有文件，然后我使用正确的@import语法在main.scss中导入了这些索引文件。我不确定之前是什么导致它无法编译，但可以肯定地说，使用Sass架构保持简单和干净是最好的。