Gulp. После создания версий моих изображений с помощью "gulp-rev", как я могу обновить их ссылки в CSS в другом месте для выходных файлов изображений?

Используя 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

Если бы кто-нибудь мог помочь мне решить эту проблему, я был бы очень благодарен!!!

0 ответов

Другие вопросы по тегам