有沒有根據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