Esiste un grunt task per generare sprite di immagini secondo css?

Question

Diciamo che ho il seguente file style.css:

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

ho bisogno di fare immagine sprite per questo css automaticamente. Ho bisogno di ottenere qualcosa di simile:

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

È possibile rendere automaticamente utilizzando task grunt?

Answer 1

Che ne dici di utilizzare Grunt Imagine?

Answer 2

Sembra che stiate cercando questo grunt-sprite-generator. Dalla documentazione:

Grunt compito che genera uno sprite da immagini di riferimento in un foglio di stile e quindi aggiorna i riferimenti della nuova immagine sprite con e posiziona

Un altro strumento che sembra per adattarsi al disegno di legge è grunt-spritesmith