如何通过指南针轨道了解生成的精灵名称？

Question

我想了解如何知道使用指南针轨道生成的图像的名称。

这里什么i`ve我.sass样式有：

$asset-path: "/assets/" 
@import "../images/icons/*.png" 
@include all-icons-sprites 
.icons-sprite, 
.icons-doc, 
.icons-enroll 
    background: url('#{$asset-path}icons-s604efe6938.png') no-repeat 

的图像被称为图标，s604efe6938.png当我在本地使用指南针。

如何知道它现在如何在轨道上被调用？

Answer 1

Compass的人不能想到为什么开发人员需要知道生成的精灵的文件名的原因，如here所述。我可以想到一个：用img标签预先加载精灵并捕获onload事件。

似乎最好的选择是破解Compass，以防止它生成它附加在文件末尾的随机字符串。在这里看到：

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

然后你就会知道生成的精灵，你可以在你的CSS URL或IMG SRC参考的确切名称。