gpt4 book ai didi

sass - Yeoman CSS 图像路径

转载 作者:行者123 更新时间:2023-12-01 09:32:00 25 4
gpt4 key购买 nike

当我构建我的 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 文件中更新图像路径?


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

最佳答案

更新(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 中的相对图像路径,我的问题得到了解答。感谢大家的帮助!

关于sass - Yeoman CSS 图像路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14316643/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com