Czy istnieją zadania pomruczeń do generowania obrazów duszków według css?

Question

Powiedzmy mam następujący plik style.css:

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

muszę zrobić zdjęcie sprite dla tego css automatycznie. Muszę uzyskać coś takiego:

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

Czy można wykonać automatycznie za pomocą zadania chrząstkowego?

Answer 1

Jak korzystać z Grunt Imagine?

Answer 2

Wygląda na to, że szukasz tego grunt-sprite-generator. Z dokumentacji:

Grunt zadanie, które generuje ikonki z obrazów przywoływanych w arkuszu stylów, a następnie aktualizuje referencje z nowym sprite obrazu i pozycjonuje

Kolejnym narzędziem, które wygląda pasowały jest grunt-spritesmith