Question

As far as I know, there’s no way to use {% include %} within a dynamic JS file to include styles. But I don’t want to have to make another call to the server to download styles.

Perhaps it would be possible by taking a stylesheet and injecting it into the head element of the document…has anyone does this before?

Answer 1

In your JS file:

var style = document.createElement('link'); style.setAttribute('rel', 'stylesheet'); style.setAttribute('type', 'text/css'); style.setAttribute('href', 'style.css'); document.getElementsByTagName('head')[0].appendChild(style); 

Hope that helps.