4

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

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

有没有办法做到这一点?

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

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

4

5 回答 5

0

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

于 2011-02-06T12:53:53.917 回答
0

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

所以我最终在指南针配置块中做了这样的事情: config.sass_dir = File.join('content', 'css')

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

希望有帮助。

于 2011-02-17T14:32:15.960 回答
0

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

于 2011-03-03T23:56:05.560 回答
0

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

我不知道为什么,但 Compass 不适用于 sprockets 样式的文件名,例如screen.css.scss. 我将所有文件重命名为,screen.scss并且所有部分都按预期工作。

于 2012-05-08T08:16:58.707 回答
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 后,一切正常。

于 2015-08-05T06:15:03.727 回答