SCSS/SASS 不加载自定义样式答案

【问题标题】：SCSS/SASS Not loading custom stylesSCSS/SASS 不加载自定义样式
【发布时间】：2018-03-11 14:10:32
【问题描述】：

今天早上第一次进入 SASS，我对它的潜力印象深刻……但我遇到了一个小问题。

（使用 Gumby 响应式框架）

到目前为止，我似乎无法让 _custom.scss 与其他所有内容一起编译。

// Your custom SCSS should be written here...
$color: #0066a6;

body{
    background: $color;
}

我将以上内容添加到 _custom.scss，进入命令提示符，输入“compass compile”，它返回“unchanged sass/gumby.scss” 我还尝试了“compass compile sass/_custom.scss”，所做的只是创建了一个（当然）也没有出现的“custom.css”。

我做错了什么？

【问题讨论】：

你能给我们看看你的 compass_config.rb 吗？
不确定那在哪里...：|搜索了“compass_config”，搜索中没有出现任何文件（这是一个完整的计算机搜索）
请查看更新后的答案
...答案添加在下面。对不起。你知道，无论我做什么，我似乎总是因为这里有什么东西而被拍打。

标签： compilation sass

【解决方案1】：

通过在样式表名称的开头使用 _，您使用的是 sass 部分。这告诉 sass 在编译时不要为 _custom.scss 创建独立的样式表。

删除部分以使 sass 创建工作表：即。重命名为custom.scss

或保留部分并将其导入您的主样式表：

@import "custom";

例如，两张表_reset.scss 和base.scss：

/* _reset.scss */

html,
body,
ul,
ol {
  margin:  0;
  padding: 0;
}
/* base.scss */

@import 'reset';

body {
  font-size: 100% Helvetica, sans-serif;
  background-color: #efefef;

这里的_reset.scss 不会被编译成它自己的独立工作表（因为是部分的），但会在正文声明之前包含在 base.scss 工作表中（因为 base.scss 不是部分）。输出如下所示：

/* base.scss */

html,
body,
ul,
ol {
  margin:  0;
  padding: 0;
}

body {
  font-size: 100% Helvetica, sans-serif;
  background-color: #efefef;

确保您的指南针配置设置正确。首先启动您的项目：

compass create path/to/project --sass-dir=[your_sass_dir]

然后您将拥有一个名为config.rb 的配置文件。它应该看起来像这样：

# Location of the theme's resources.
css_dir         = "css"
sass_dir        = "sass"
fonts_dir       = "css/fonts"
extensions_dir  = "sass-extensions"
images_dir      = "images"
javascripts_dir = "js"

【讨论】：

默认情况下，Gumby 框架已经将部分导入到一个名为 gumby.scss 的主 scss 文件中，但是我确实尝试了您删除部分的建议，但也没有用。
你添加了导入吗？
不，因为它已经在那里了。 gumby 有自己的非部分，以及它的 scss 目录中的部分列表（相当于上面的 base.scss）（添加上面的导入列表）
根据您的更新更新了上面的问题...创建了新项目，发布了配置，并找到了原始的 gumby config.rb
grumpy 配置中的路径是否与您项目中的路径匹配？它们看起来很普通。

【解决方案2】：

找到解决方案

最奇怪的是...打开了“gumby.css”（这是最后一道防线，“我快被激怒了”）点击全选 -> 删除 -> 保存 -> 关闭

然后返回命令提示符，执行“compass compile”命令，不知何故瞧……显然我只需要在继续之前删除原始 gumby.css 中的所有内容，因为然后它重新创建了带有@import 部分工作。

【讨论】：