切片合并雪碧圖：grunt-css-sprite

grunt-css-sprite

這是什么

這是一個幫助前端開發工程師將 css 代碼中的切片合并成雪碧圖的工具； 其靈感來源于 grunt-sprite，由于其配置參數限制目錄結構等，不能滿足通用項目需求，重新造輪子發布； 它的主要功能是：

1. 對 css 文件進行處理，收集切片序列，生成雪碧圖

2. 在原css代碼中為切片添加background-position屬性

3. 生成用于高清設備的高清雪碧圖，并在css文件末尾追加媒體查詢代碼

4. 生成高清設備雪碧圖，使用 image-set

5. 支持選擇器提取，進一步優化CSS文件大小

6. 在引用雪碧圖的位置打上時間戳

7. 在樣式末尾追加時間戳

8. 按照時間戳命名文件

項目主頁：http://www.baiduhome.net/lib/view/home/1424699095296