使用Gulp和Node.js,我正在创建一个概念证明,它从图像文件夹生成精灵,然后对生成的精灵进行版本化,以便它们具有唯一的文件名以用于缓存清除目的。
我正在使用https://www.npmjs.com/package/gulp-rev对精灵进行版本控制(这可行!),但我在更新 CSS 文件时遇到了对图像的引用的问题。为此目的,我查看了一些工具,但我无法让它们工作。我看过的两个是:
https://github.com/jamesknelson/gulp-rev-replace
(似乎功能齐全,无法弄清楚)
和..
https://github.com/galkinrost/gulp-rev-css-url
(开始工作,但无法将修改后的图像文件的目标和更新的 CSS 与新的图像名称分开)
本质上,我想从中获取所有图像gulp-image-versioning-poc/images/sprites/*.png
,然后对其进行版本化,将生成的图像放入gulp-image-versioning-poc/dist/
并更新对这些图像的引用gulp-image-versioning-poc/css/*.css
我已经创建了一个我目前在这里拥有的简化示例:
https://github.com/olthof/gulp-image-versioning-poc
如果有人可以帮助我解决这个问题,我将不胜感激!!!