css - compass 导入 Sprite 的问题

Question

我对目录结构的工作方式感到困惑。例如，我的是这样的:

--compass
    --css
    --images
        --frontSprite
            Images
    -sass
        --_base.scss
        --advertiser.scss
    config.rb

当我尝试导入我正在使用的图像时:

@import "frontSprite/*.png";

在我的 _base.scss 中，但这会产生一个错误，我认为这与没有正确找到目录有关。有什么建议吗？

Answer 1

嗯，正确的目录结构取决于您在 config.rb 中设置的内容。 应该是这样的:

images_dir = "images"
http_images_path = "/this/path/is/rendered/in/the/css/file"

images_dir 告诉 compass 图像位于何处(相对于 config.rb)，http_images_path 定义在 CSS 输出中实际呈现的内容。

在您的 compass 目录中尝试命令 compass sprite "images/frontSprite/*.png"(这将生成 sprite css 输出)来调试路径。

旁注: 当您使用 .pngs 时，您应该考虑安装油性 png，这将显着加快 sprite 生成过程。非常简单，只需使用 gem install oily_png，Compass 会自动检测到它已安装。