在Compass项目目录结构中使用Sass partials的子文件夹

时间:2011-02-06 11:18:22

标签: ruby sass compass-sass

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

但是,我想为我的部分内容添加一些组织,并将它们放入src目录中的相关文件夹中。但是,当我尝试这样做时,@ import命令失败。

有没有办法做到这一点?

更新:我在指南针文档中发现我可以将add_import_path添加到我的配置文件中,但我也无法使其工作。我已经尝试了目录的完整路径和相对于项目的路径,但没有发生任何事情。

有人请帮忙,这不可能是这么难!

5 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

我发现在使用指南针/ sass的webby静态项目中,我必须明确设置要使用的基本sass路径,以便它可以获取sass导入(除导入之外一切正常)。

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

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

希望有所帮助。

答案 2 :(得分:0)

事实证明我是在做错事。在使用指南针做任何事情之前,我试图提高效率并组织我的文件夹结构。我意识到我需要先设置指南针来观察项目,然后创建一个文件夹结构。这样,文件夹结构就会复制到我的样式表或CSS文件夹中,而不仅仅是在源文件夹中。现在一切都正常运作!

答案 3 :(得分:0)

我遇到了同样的问题。实际上我是从rails + sprockets项目迁移到独立项目。

我不知道为什么,但Compass不支持sprockets风格的文件名,例如screen.css.scss。我将所有文件重命名为screen.scss,所有部分文件都按预期工作。

答案 4 :(得分:0)

我有类似的问题。这对我来说非常愚蠢 - 但话说回来,编程中的大多数问题都是。我的问题是,虽然我已经为独立设置了所有设置,但是根据:

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"

问题是: 如果文件名以下划线开头,指南针只能正确看到部分内容!

一旦我将文件重命名为_partial1.scss和_partial2.scss,一切都没有问题。