有没有根据css生成图像精灵的咕噜任务？

Question

比方说，我有以下的style.css文件：

h1 { 
    padding: 10px; 
    background: url('/img/header.png'); 
} 
p { 
    background: url('/img/p.png'); 
} 

我需要自动进行图像精灵这个CSS。我需要得到像这样的东西：

h1 { 
    padding: 10px; 
    background: url('/img/sprite.png') -47px 0; 
} 
p { 
    background: url('/img/sprite.png') -130px 0; 
} 

是否有可能通过使用grunt任务使automaticaly？

Answer 1

如何使用Grunt Imagine？

Answer 2

它看起来你正在寻找这个grunt-sprite-generator。从文档：

生成从样式表中的参考图像的精灵，然后更新与新的精灵形象的引用和定位

另一个工具，看起来，以适应该法案

咕噜任务是grunt-spritesmith