指南针（grunt-contrib-compass）精灵路径问题答案

【问题标题】：compass (grunt-contrib-compass) sprites paths problems指南针（grunt-contrib-compass）精灵路径问题
【发布时间】：2013-07-03 21:34:34
【问题描述】：

我正在使用 grunt-contrib-compass pluckin，但我无法让它按照我想要的方式运行，问题是我的 css 文件中的图像路径错误。

一直在玩parameters，但我无法弄清楚（悲伤）

我的文件夹：

/root
   /assets
       /css
       /images
           /sprites <-- generated images

以及我的 gruntfile.js 中的配置

compass: {
        dist: {
            options: {
                 sassDir: 'src/scss'
                ,cssDir: 'assets/css'
                ,raw: 'preferred_syntax = :sass\n' 

                ,imagesDir:             "assets/images/"
                //,imagesPath:          "assets/images/sprites/"
                ,generatedImagesDir:    "assets/images/sprites/"
                ,generatedImagesPath:   "assets/images/sprites/"

            }
        }
    }

我的css文件中的图片url：

/assets/images/sprites/interface-s04f47928b4.png

但实际上应该是：

../images/sprites/interface-s04f47928b4.png

【问题讨论】：

标签： gruntjs

【解决方案1】：

所以我想通了（最后）

,imagesDir:             "assets/images/"
,generatedImagesDir:    "assets/images/sprites/"
,generatedImagesPath:   "assets/images/sprites/"
,httpGeneratedImagesPath: "../images/sprites"

【讨论】：

您的回答很有帮助！我的精灵需要一个输入（imagesDir）和一个输出（generatedImagesDir），这是实现它的方法。顺便说一句，generatedImagesPath 对我来说不是必需的。
感谢您，为此苦苦挣扎了这么久！