Selecting correct external CSS between staging and production

Hi Chris,

its me :smileyhappy:

Might be possible to use javascript document.url to switch css, however i seriously discourage this.

Studio may be restrictive but it does serve very important role of version control. Every single change in CSS is tracked by version number with comments and we can roll-back to last working copy as needed.

By referring to external CSS files, rolling back to specific version is no longer meaningful as there's other external CSS files that needs to be rolled back. This is in addition to the current issue you faced, both Staging/Production are pointing to the same set of external CSS files. Any changes will impact both Staging/Production.

Best practice is to limit the number of external CSS file references.

No disrespect to JasonL's advice but we had a similar issue. I was referred to this TKB on how to do prod/stage logic. Might help. http://lithosphere.lithium.com/t5/Support-Knowledge-Base/How-to-determine-the-phase-to-render-the-proper-content/ta-p/66768

I think you can put Freemarker into the head wrapper areas and use 

${http.request.url}

to determine the requesting URL.

Whether this is a good practice is debatable.

Hi Chris,

try this config.getString, production returns "prod", stage server return "stage".

<#function isStageServer>
    <#return (config.getString("phase", "stage") == "stage") />
</#function>

<#if isStageServer()>
	//do something
<#else>
	//do something
</#if>

and as I know, Lithium hosts its html asserts automatically with CDN,so you don't need another party's CDN hosting.

just found this offical article for you..

http://lithosphere.lithium.com/t5/support-knowledge-base/How-to-determine-the-phase-to-render-the-proper-content/ta-p/66768