约曼CSS图像路径(Yeoman CSS image paths)

当我建立我的约曼项目（没有什么特别的，我只使用jQuery和Modernizr的），用CSS中使用的图像不显示。

我的CSS代码

.contact {
    background:url(../icon-contact.png) no-repeat top center;
}

输出后建造的应用（没有区别）

.contact {background:url(../icon-contact.png) no-repeat top center;}

这不起作用，因为图标contact.png的文件名已更改为f91724e0.icon-contact.png。

我怎样才能确保图像路径在精缩CSS文件更新？

编辑：我已经添加了我的解决方案作为一个答案

Answer 1:

可以通过添加解决此<%= yeoman.dist %>/images到assetsDirs的usemin任务。见http://www.github.com/yeoman/yeoman/issues/824#issuecomment-32691465

有一个名为问题“usemin：CSS”不会为相对URL正确的图像路径有关这方面的问题在GitHub上。德陈德良取得了约曼的一个分支，并实施了修复。

下面是我如何删除当前约曼安装和安装德陈德良的分支版本：

npm uninstall yeoman -g
git clone git://github.com/taktran/yeoman.git
cd yeoman/cli
npm install -g
npm link

来源： https://github.com/yeoman/yeoman/wiki/Additional-FAQ

用此修复程序，文书上士西港岛线在CSS重命名相对图像路径和我的问题的答案。感谢大家的帮助！

在GruntFile.js你需要适应usemin任务，这样的引用将被处理：

// update references in HTML/CSS to revved files
    usemin: {
      html: ['**/*.html'],
      css: ['**/*.css']
    },

检查您是否有这个任务的配置。

文章来源: Yeoman CSS image paths