compass-sass - 指南针精灵、Yeoman、Grunt 和图像参考不能很好地结合在一起

Question

哟。

我的 webapp 中有一个简单的 spriteSet：

@import "icons/*.png";
@include all-icons-sprites;

Grunt 或 Compass 生成精灵图像没有任何问题，在我的图像文件夹中，这是在我的 yeoman 项目中配置的（更具体地说 - YO。新的）

现在图像生成得很好，但是在我的 css 输出文件中对它的引用是错误的。他在我的应用程序文件夹中搜索，例如domain.com\app\images\

我在谷歌上搜索并看到它grunt-contrib-compass为许多图像 url 提供了 api，例如[httpGeneratedImagesPath][1]，但这些似乎没有出现在我的 Yeoman 项目中，如果我将它们放在 GruntFile.js 中，它们会粉碎它。

以前有人遇到过这个问题吗？

谢谢你。

score 2 · Accepted Answer

2

于 2013-08-26T05:01:59.200 回答

score 1 · Accepted Answer

主题已解决。以下是对我有用的修改：

Gruntfile.js

compass: {
        options: {
            ...
            config: '.compass.rb' //reference for full compass options list
        }
    }

.compass.rb

images_dir = '/app/images'
generated_images_dir =  '/images'

2 回答 2