sass - Yeoman CSS 图像路径

Question

当我构建我的 Yeoman 时项目(没什么特别的，我只使用 jQuery 和 Modernizr)，没有显示与 CSS 一起使用的图像。

我的 CSS 代码

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

构建应用后的输出(无差异)

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

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

如何确保在缩小的 CSS 文件中更新图像路径？

---

编辑:我已添加我的解决方案作为答案

Answer 1

更新(2014 年 2 月 24 日)

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

上一个答案(2013 年 3 月 4 日)

有一个名为 "usemin:css" doesn't generate correct image paths for relative urls 的问题在 GitHub 上关于这个特定问题。 Tak Tran已经创建了 Yeoman 的一个分支并实现了修复。

这是我如何删除当前的 Yeoman 安装并安装 Tak Tran 的分支版本:

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

通过此修复，Yeoman 将重命名 CSS 中的相对图像路径，我的问题得到了解答。感谢大家的帮助!