Railsを使って開発しているときに、Sass内の background-image
などで画像を参照している場合、
rake assets:precompile
時にその画像がpublic/
以下に生成されず、production環境で画像がなくなる、ということがあって困っていました。
そんなときに、sass-rails
がimage-url
というhelperを提供していることを知りました。
// これを
background-image: url('/assets/logo.png')
// こうする
background-image: image-url('logo.png')
// data-urlとして埋め込みたい場合は
// こうする
background-image: asset-data-url("logo.png")
こうすることでprecompile
時に自動的にpublic/
以下に画像を生成してくれてハッピーになれます。
なぜ知らなかった俺…