急:grunt build后 css中的图片路径替换问题

ForJustice 发布于 2014/09/19 20:34
阅读 2K+
收藏 1

问个问题,我用yoman生成了一个前端工程,执行grunt build 后,css合并为一个,但通过bower安装的第三方控件样式中对应的图片路径 就有错了. 举个例:

我安装了ztree.js, 然后将 ztree的样式(含css, img)直接放入styles目录下,

<link rel="stylesheet" href="styles/zTreeStyle/zTreeStyle.css">

<link rel="stylesheet" href="styles/main.css">

build前的结构为


ztree样式中用的是相对路径


build后 

所有第三方css都合并为vendor.css,并且在styles目录下,但里面有关ztree图片的路径却是没有变的,然后悲剧就发生了,找不到图片!

<link rel="stylesheet" href="styles/vendor.css">

<link rel="stylesheet" href="styles/main.css">

有什么方法可以在 build时 自动去修正吗?

加载中
0
Sirormy
Sirormy
可以试试 grunt-replace, 我试过还可以
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部