[compasscss] cssスプライトのファイル名をシンプルにした場合のキャッシュ対策

view plainprint?

1. compassのcssスプライト作成時にファイル名につく乱数を削除して、シンプルな名前にすることができる。  

compassのcssスプライト作成時にファイル名につく乱数を削除して、シンプルな名前にすることができる。

view plainprint?

1. 参考：<a href="http://satussy.blogspot.jp/2013/08/compass-css.html">[compass] cssスプライト画像のファイル名をシンプルにする</a>  

参考：[compass] cssスプライト画像のファイル名をシンプルにする

view plainprint?

1.   

view plainprint?

1. これだとファイルがキャッシュされて、ファイルを変更しても古い画像が表示されてしまう可能性がある。  

これだとファイルがキャッシュされて、ファイルを変更しても古い画像が表示されてしまう可能性がある。

view plainprint?

1. その場合は下記のコードをconfig.rbに追加。  

その場合は下記のコードをconfig.rbに追加。

view plainprint?

1. 「**.css?Owoiu93k2djhr」という風にファイル名の後ろに乱数をつけてキャッシュを読み込まないように対策できる。  

「**.css?Owoiu93k2djhr」という風にファイル名の後ろに乱数をつけてキャッシュを読み込まないように対策できる。

view plainprint?

1.   

view plainprint?

1. on_stylesheet_saved do |filename|  
2.   if File.exists?(filename)  
3.     css = File.read filename  
4.     File.open(filename, 'w+') do |f|  
5.      rand = rand(100000000)  
6.      str = '.png?' + rand.to_s  
7.       f << css.gsub(%r{-s[a-z0-9]{10}\.png}, str)  
8.     end  
9.   end  
10. end  
11. # ----------------------------------------  

on_stylesheet_saved do |filename|
  if File.exists?(filename)
    css = File.read filename
    File.open(filename, 'w+') do |f|
     rand = rand(100000000)
     str = '.png?' + rand.to_s
      f << css.gsub(%r{-s[a-z0-9]{10}\.png}, str)
    end
  end
end
# ----------------------------------------