Estou dividindo um dos meus aplicativos maiores e introduzindo um URL 'cdn' para abrigar objetos comuns como CSS, javascript e imagens para evitar duplicação. O que eu preciso fazer, no entanto, é ter URLs separados para nossos ambientes de desenvolvimento, para que eu possa ter:

http://cdn-dev.example.com
http://cdn-qua.example.com
http://cdn.example.com

dependendo do ambiente em que estamos trabalhando. Posso fazer com que isso funcione para as coisas que são geradas pelo nosso código PHP, mas não tenho como saber os arquivos .css e .js que serão chamados. Por exemplo, como faço para criar algo como:

.cool-button { background-image: url('http://cdn.example.com/images/button.png'); }

alternar entre os diferentes domínios?

Qual é a melhor maneira de lidar com isso?

[EDITAR

Para que todos fiquem claros, o endereço da CDN é um domínio diferente do site. Portanto, o site de desenvolvimento pode serhttp: //www-dev.domain.co que usariahttp: //cdn-dev.domain.co