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

发布于 2021-11-26 16:45:49 字数 923 浏览 897 评论 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时 自动去修正吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

晚风撩人 2021-11-28 19:02:52

可以试试 grunt-replace, 我试过还可以

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文