Como obter caminhos de imagem absolutos em seus arquivos css usando sass / scss

Ao usar sass-rails, você recebe um helper chamado, image-urlque pode ser usado em vez de urlem seus .scssarquivos. Algo como:

body {
  background-image: image-url(background.png);
}

que irá analisar em algo como:

body {
  background-image: url(/assets/background.png);
}

Isso deve ser de conhecimento comum, mas é relativo, então como obter esse url absoluto? Basta definir a asset_hostconfiguração no action_controller.

O truque:

config.action_controller.asset_host = "http://your.domain.com/"

Então seu css será parecido com isto:

body {
  background-image: url(http://your.domain.com/assets/background.png);
}

Mas cuidado, isso também fará com que o asset_pathauxiliar retorne URLs absolutos também, mas as chances são muito altas de que, se você quiser URLs absolutos no css, também os desejará em todos os lugares.