gruntjs - 指南针(grunt-contrib-compass) Sprite 路径问题

Question

我正在使用 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

Answer 1

所以我终于明白了

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