基础 4、指南针和 SASS
Posted
技术标签:
【中文标题】基础 4、指南针和 SASS【英文标题】：Foundation 4, Compass and SASS 【发布时间】：2013-04-12 05:12:02 【问题描述】：我正在使用 Foundation 4、Compass 和 SASS（我使用 Compass gem 来创建新项目）。但是，我有点失落。我在哪里放置自己的 scss 文件？
Compass 创建一个包含
的 sass 样式表目录 _settings.scss app.scss normalize.scss我以模块化方式工作，我有许多样式表，例如导航、内容、页脚等。我在哪里包含我的 scss 文件？是否创建一个 partials 文件夹，然后将它们导入 app.scss 中？
如果我将它们导入 app.scss，这会将我的 CSS 附加到 app.css 的末尾。但是，使用 Compass 手表，它还会创建我的每一个部分......因为它们被附加到 app.css，所以不需要它们。
我查看了 compass、sassy 和 Foundation 网站，但似乎不知道如何执行此操作。因为我使用的是 Foundation，所以我认为我需要的信息可能在那里，但我找不到。这似乎是 SASS 问题，而不是 Compass 或 F4 问题。这有点令人困惑，并且根据我能找到的内容没有记录在网络上。
【问题讨论】：
【参考方案1】：以下划线_footer.scss 开头的部分命名，然后使用@import 'footer' 将它们导入您的app.scss（或任何您称之为的名称）。如果您不在文件名中使用下划线，它将创建一个 CSS 文件，这似乎是您遇到的问题。
Compass 完全不知道您的文件名或结构。
例如，您可以导入文件夹中的文件：
@import 'partials/footer'
@import 'partials/navigation'
或者，如果你安装sass-globbing，你可以像这样导入整个文件夹：
@import 'partials/*'
【讨论】：
以上是关于基础 4、指南针和 SASS的主要内容，如果未能解决你的问题，请参考以下文章