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

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

阅读 6.3k
1 个回答

很久没有用 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 把原本清除掉。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏