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

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

阅读 4.2k
评论
    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 把原本清除掉。

      撰写回答

      登录后参与交流、获取后续更新提醒

      相似问题
      推荐文章