首页 > 如何禁止 Compass 对生成的 Sprite 图片名字添加随机字符?

如何禁止 Compass 对生成的 Sprite 图片名字添加随机字符?

用 Compass 想将部分小图片拼成一张 sp-icons.png,但 compass 每次生成的图片名字都会加上一个随机字符(如:sp-icons-sa853b2687c.png),官方文档没有找到相关内容,不知道是不是我漏看了还是真的没有呢?


很久没有用 Compass 了,不知道 asset_cache_buster :none 这个选项设置现在是否能阻止 hash string 的生成。以前是不行的,但是有人提交了 issue,这么久过去应该可以了吧?

若是还不行也没关系,幸运的是 Compass 提供了一个 callback: on_sprite_saved,因此我们可以利用它修改生成的文件名,比如这样:

# 这里做了一个 copy 而不是直接重命名;你可以用 FileUtils.mv 直接重命名
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 |buffer|
      buffer << css.gsub(%r{-s[a-z0-9]{10}\.png}, '.png')
    end
  end
end

在我的例子中,我是用的 FileUtils.cp 而不是 FileUtils.mv,因此在你 $ compass compile 之前,需要来一次 $ compass clean 把原本清除掉。

【热门文章】
【热门文章】