CompassでCSSスプライトを生成した際のファイル名を変更する方法

2013年02月06日

CompassでCSSスプライトを生成した場合、生成された画像ファイルの名前が妙な感じになってる事に気づいた方もいらっしゃることでしょう。あれは何なんでしょうね。

対キャッシュでユニークな名前にしたいのですか?まぁ、何であれがつくかはさておき、是非とも消したいですよね。僕は消したいです。何となく。

sprites-s8e8b8934fb.png

↑これ。この文字列いらんよね。

消し方

Compassを使っている場合、プロジェクトの設定ファイルが config.rb として作成されていると思うのですが、そこに追記して消すことが出来るみたいです。

on_sprite_saved do |filename|
  if File.exists?(filename)
    FileUtils.cp filename, filename.gsub(%r{-s[a-z0-9]{10}\.png$}, '.png')
  end
end

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

参考サイト

参考というか全部書かれてたからコッペしただけですけどね

css – How to turn off COMPASS SASS cache busting? – Stack Overflow

おもったこと

CSSスプライトはどんなツールを使おうと結構面倒である事には変わりないんじゃないかなぁと思ってる感じです。こっちで作ったスプライトに他の人が画像を追加する、何てこともないとは言えないわけで。

sassでもそうなんですが、コンパイルするって事がまだまだWebでは当たり前にはなっていないので、制作よりもむしろ制作後のフローとかの方が面倒なんじゃないかなぁと、そしてそれを解決する手段は、「みんなが使うビルドシステム」みたいな大がかりなソフトになっていくのかなぁ、と思う感じです。

はてさてWeb制作の未来派どこへ向かうのですかね−。

他にこんな事も書いてます

FBでコメント

3個のコメント

  1. 書いてたー CompassでCSSスプライトを生成した際のファイル名を変更する方法 (via @Pocket) CompassでCSSスプライトを生成した際のファイル名を変更する方法:STACKSTOCK http://t.co/JWpBDcpA

  2. SS | CompassでCSSスプライトを生成した際のファイル名を変更する方法 http://t.co/dX5dxJqK

  3. CompassでCSSスプライトを生成した際のファイル名を変更する方法 http://t.co/XszNpoDR

トラックバック/ピンバックはありません。