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文件中的图片网址：

/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"

罗盘（grunt-contrib-compass）精灵路径问题

1 个答案: