CSS # {resource} versioning

Question

Как сделать управление версиями или заставить браузер очистить кеш для ресурсов изображения в ресурсах CSS?

использовать этот код в моем CSS:

.applicationLogo { 
    background: url("#{resource['images:invoicePa.png']}") no-repeat 0 0; 
} 

Answer 1

В принципе, добавить строку версии запроса. Это можно сделать статически

background: url("#{resource['images:invoicePa.png']}?1") no-repeat 0 0; 

или динамически на основе, например, server startup time.

background: url("#{resource['images:invoicePa.png']}?#{startup.time}") no-repeat 0 0; 

или даже на собственной временной отметке ресурса (что относительно дорого проверить).

background: url("#{resource['images:invoicePa.png']}?#{facesContext.externalContext.getResource('/resources/images/invoicePa.png').openConnection().lastModified}") no-repeat 0 0; 

Альтернативный вариант - просто переименовать файл.

background: url("#{resource['images:invoice_payment.png']}") no-repeat 0 0;