指南针精灵，约曼，咕噜声和图像参考不能很好地结合在一起

Question

Yo。

我在我的网络应用程序中得到了一个简单的精灵集：

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

Grunt或Compass在我的images文件夹中生成精灵图像，没有任何问题，该文件夹在我的yeoman项目中配置(更具体地说是-YO.the new one(

现在图像生成得很好，但在我的css输出文件中对它的引用是错误的。他在我的应用程序文件夹中搜索，类似于domain.comappimages

我在谷歌上搜索了一下，发现grunt-contrib-compass为许多图像url提供了api，比如[httpGeneratedImagesPath][1]，但这些似乎没有出现在我的Yeoman项目中，如果我把它们放在GruntFile.js中，它们就会把它压垮。

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

谢谢。

Answer 1

看看yeoman构建指南针引导程序scss图像路径始终前缀

Answer 2

链接：https://github.com/yeoman/yeoman/issues/419

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

Gruntfile.js

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

.compass.rb

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