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タスクを使って自動化することはできますか？

Answer 1

Grunt Imagineはどうですか？

Answer 2

あなたはこれをお探しのようです。grunt-sprite-generatorドキュメントから：

兵卒スタイルシートで参照画像からスプライトを生成し、新しいスプライト画像と参照を更新したタスクと位置

法案にフィットするように見えるもう1つのツールであるgrunt-spritesmith