Question

我最近一直在使用Compass和Sass做一些CSS spriting，因为它非常有用。

但是，文件名始终附加一个随机字符串。例如。的图标-s5eb424578c.png 即可。而且我不希望附加这个随机字符串，因为这意味着我需要上传新的CSS文件和放大器。每当有变化时，新的精灵图像。

那么，有没有人知道Compass gem目录中的哪个Ruby或其他配置文件，即附加这个随机字符串？然后我可以只为该位注释代码。除非我错过了一个官方变量，否则我可以在Compass中设置告诉它我不想要附加这个字符串吗？

提前感谢您提供任何帮助。

Answer 1

尝试将这些行添加到config.rb：

中

module Compass::SassExtensions::Functions::Sprites
  def sprite_url(map)
    verify_map(map, "sprite-url")
    map.generate
    generated_image_url(Sass::Script::String.new(map.name_and_hash))
  end
end

module Compass::SassExtensions::Sprites::SpriteMethods
  def name_and_hash
    "sprite-#{path}.png"
  end

  def cleanup_old_sprites
    Dir[File.join(::Compass.configuration.generated_images_path, "sprite-#{path}.png")].each do |file|
      log :remove, file
      FileUtils.rm file
      ::Compass.configuration.run_sprite_removed(file)
    end
  end
end

module Compass
  class << SpriteImporter
    def find_all_sprite_map_files(path)
      glob = "sprite-*{#{self::VALID_EXTENSIONS.join(",")}}"
      Dir.glob(File.join(path, "**", glob))
    end
  end
end

通过Compass 0.12.2 (Alnilam)

为我工作

Answer 2

在项目配置文件中输入类似这样的内容

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

学分来到这里How to remove the hash from Compass's generated sprite image filenames?

使用Compass / Sass删除附加到sprite文件名的随机字符串

2 个答案: