How can I implement CSS Cache Busting with JSF outputStylesheet?

Question

In JSF page templates I use this code to include a CSS resource:

<h:outputStylesheet library="css" name="mystyles.css"  />

The usual way to implement CSS cache busting would be to add a version parameter, like v=123, however this is not supported in outputStyleSheet:

<h:outputStylesheet library="css" name="mystyles.css?v=123"  />

will cause a JSF1064 warning and the CSS will not be found.

BalusC · Accepted Answer · 2011-06-10 15:50:47Z

11

That's not possible without overridding the StylesheetRenderer (assuming you're on Mojarra). It does indeed not take the query string into account. However, as a (temporary) workaround it's good to know that it is valid to include the CSS using CSS' own @import rule inside <h:outputStyleSheet>.

<h:outputStylesheet target="head">
    @import url('css/mystyles.css?v=123')
</h:outputStylesheet>

You might want to post an enhancement request to the Mojarra boys to take this into account in future releases.

answered Jun 10, 2011 at 15:50

BalusC

1.1m377 gold badges3.7k silver badges3.6k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

BalusC Over a year ago

@banter: better use resource library versioning. See also bottom of this answer: stackoverflow.com/questions/11988415/…

banterCZ Over a year ago

Thanks, but I would like to avoid to rename directories. From JSP, I am used to define scripts version via maven version propagated to request. So it does not look like that there is a simple solution in JSF.

BalusC Over a year ago

@banter: Create a custom resource handler then.

banterCZ Over a year ago

What about not to use 'h' tags and write just html?

Collectives™ on Stack Overflow

How can I implement CSS Cache Busting with JSF outputStylesheet?

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related