在 Compass 项目目录结构中使用 Sass 部分子文件夹

Question

我已经启动了一个指南针项目，并在 src 目录中使用 scss 文件运行，这些文件正在作为 css 编译到 sttylesheets 目录中。这一切都很好，我可以使用 sass @import 命令没有问题。

但是，我想对我的 sass 部分进行一些组织，并将它们放入 src 目录中的相关文件夹中。但是，当我尝试执行此操作时，@import 命令失败。

有办法做到这一点吗？

更新：我在指南针文档中发现我可以将 add_import_path 添加到我的配置文件中，但我也无法让它工作。我尝试了目录的完整路径和相对于项目的路径，但没有任何反应。

有人请帮忙，这不可能这么难！

Answer 1

例如，如果您将部分放在 src/partials 目录中 - 只需在 sass/scss 文件中使用 @import "partials/name" 即可导入它们。

Answer 2

我发现在一个使用 compass / sass 的 webby 静态项目中，我必须明确设置要使用的基本 sass 路径，以便它能够获取 sass 导入（除了导入之外，一切正常）。

所以我最终在罗盘配置块中做了类似的事情：
config.sass_dir = File.join('content', 'css')

我想这是因为我使用的是默认 sass 路径以外的东西，所以当我 @import 时，它是在它的默认路径而不是实际路径中查找。

希望有帮助。

Answer 3

结果证明我处理事情的方式是错误的。在使用指南针做任何事情之前，我试图提高效率并组织我的文件夹结构。我意识到我需要先设置指南针来观看项目，然后创建文件夹结构。这样，文件夹结构就会复制到我的样式表或 CSS 文件夹中，而不仅仅是位于源文件夹中。现在一切都正常了！

Answer 4

我也有同样的问题。实际上，我是从 Rails + sprockets 项目迁移到独立项目的。

我不知道为什么，但 Compass 无法使用链轮样式的文件名，例如 screen.css.scss。我将所有文件重命名为 screen.scss，并且所有部分文件都按预期工作。

Answer 5

我有类似的问题。我真是太愚蠢了——但话又说回来，编程中的大多数问题都是如此。我的问题是，尽管我已经正确设置了独立的所有内容，根据：

https://github.com/ twbs/bootstrap-sass

我使用的是这样的子文件夹结构：

project
-- stylesheets
-- bootstrap
-- sass
---- main.scss
------- subfolder1
----------- partial.scss
------- subfolder2
----------- partial2.scss

在我的 main.scss 中，我确实正确使用了 @import，例如：

@import "subfolder1/partial.scss"

问题是这样的：
如果文件名以下划线开头，Compass 只能正确看到部分内容！

将文件重命名为 _partial1.scss 和 _partial2.scss 后，一切都正常工作。