Question

I’ve recently been using Compass with Sass to do some CSS spriting, as it’s extremely useful.

However, the filename is always appended with a random string. E.g. icons-s5eb424578c.png. And I don’t want this random string to be appended, because it means I’m required to upload both the new CSS file & the new sprite image every time there’s a change.

So, does anyone know which Ruby or other config file within the Compass gem directory, that is appending this random string? Then I can just comment the code out for that bit. Unless I’m missing an official variable I can set within Compass to tell it I don’t want this string appended?

Thanks in advance for any help on this.

Answer 1

in your project config file enter something like this

asset_cache_buster :none

# Make a copy of sprites with a name that has no uniqueness of the hash.
on_sprite_saved do |filename|
  if File.exists?(filename)
    FileUtils.mv filename, filename.gsub(%r{-s[a-z0-9]{10}\.png$}, '.png')
  end
end

# Replace in stylesheets generated references to sprites
# by their counterparts without the hash uniqueness.
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?v\1')
    end
  end
end

credits goes here How to remove the hash from Compass's generated sprite image filenames?