node.js - Gulp - After versioning my images with "gulp-rev", how can I update their references in a CSS in a different location to the outputted image files? -
using gulp , node.js, i'm creating proof of concept generates sprites folders of images, versions generated sprites have unique file names cache busting purposes.
i'm using https://www.npmjs.com/package/gulp-rev version sprites (this works!), i'm having trouble updating css files references images. there tools have looked @ purpose haven't been able them work. 2 have @ are:
https://github.com/jamesknelson/gulp-rev-replace
(seems featured can't figure out)
and..
https://github.com/galkinrost/gulp-rev-css-url
(got working couldn't separate destination revisioned images files , updated css new images names)
essentially want grab images gulp-image-versioning-poc/images/sprites/*.png
, version them, put resulting images in gulp-image-versioning-poc/dist/
, update references images in gulp-image-versioning-poc/css/*.css
i've created simplified example of have here:
https://github.com/olthof/gulp-image-versioning-poc
if me tackling problem grateful!!!
Comments
Post a Comment