Node.js 吞咽-在用“吞咽”对我的图像进行版本化之后;大口翻版;,如何将CSS中不同位置的引用更新为输出的图像文件?

Node.js 吞咽-在用“吞咽”对我的图像进行版本化之后;大口翻版;,如何将CSS中不同位置的引用更新为输出的图像文件?,node.js,gulp,frontend,gulp-rev,Node.js,Gulp,Frontend,Gulp Rev,使用Gulp和Node.js,我正在创建一个概念证明,从图像文件夹生成精灵,然后对生成的精灵进行版本化,以便它们具有唯一的文件名,用于缓存破坏 我正在使用版本的精灵(这是工作的!),但我有麻烦更新CSS文件与参考的图像。有一些工具,我已经看了这个目的,但我还没有能够让他们工作。我看到的两个方面是: (似乎完全以“我想不出来”为特色) 和 (已开始工作,但无法将修改后的图像文件和带有新图像名称的更新CSS的目标区分开) 基本上,我想从控制poc/images/sprites/*.png的中抓取

使用GulpNode.js,我正在创建一个概念证明,从图像文件夹生成精灵,然后对生成的精灵进行版本化,以便它们具有唯一的文件名,用于缓存破坏

我正在使用版本的精灵(这是工作的!),但我有麻烦更新CSS文件与参考的图像。有一些工具,我已经看了这个目的,但我还没有能够让他们工作。我看到的两个方面是:

(似乎完全以“我想不出来”为特色)

(已开始工作,但无法将修改后的图像文件和带有新图像名称的更新CSS的目标区分开)

基本上,我想从控制poc/images/sprites/*.png的
中抓取所有图像,然后对它们进行版本化,将生成的图像放入
gulp image versioning poc/dist/
中,并更新
gulp image versioning poc/css/*.css中对这些图像的引用

我在这里创建了一个简化的示例:


如果有人能帮我解决这个问题,我将非常感激

嗨,蒂姆,你找到解决办法了吗?我也在考虑几个gulp资产版本控制脚本。嗨,Tim,你找到解决办法了吗?我还考虑了几个gulp资产版本控制脚本。