我有一个指南针项目,并在src目录中运行scss文件,这些文件被编译为sttylesheets目录作为css。这一切都很好,我可以使用sass @import命令没问题。
但是,我想为我的部分内容添加一些组织,并将它们放入src目录中的相关文件夹中。但是,当我尝试这样做时,@ import命令失败。
有没有办法做到这一点?
更新:我在指南针文档中发现我可以将add_import_path添加到我的配置文件中,但我也无法使其工作。我已经尝试了目录的完整路径和相对于项目的路径,但没有发生任何事情。
有人请帮忙,这不可能是这么难!
答案 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,一切都没有问题。