CSS編譯工具：Peaches
Peaches是一個基于Node的CSS編譯工具，用于自動合成CSS Sprite。
Peaches 追求簡單、自然的CSS書寫方式！
大致的工作原理如下：
1. 我們在書寫樣式時，對每個需要使用背景圖片的元素，進行單獨的背景圖片定義
2. 運行peaches命令
3. peaches根據樣式規則，提取背景圖片，并合并為一張sprite圖
4. 根據合并后的背景圖片重新生成樣式，這時將更新背景圖片定位
這樣免去了手動合并圖片和定位的麻煩，而且也大大提升后續修改樣式的效率。
我們希望書寫樣式時不再浪費時間制作sprite
我們希望不再糾結圖片放在什么位置最恰當
我們希望不再因為設計調整而重新拼圖而抓狂
我們一直希望有工具能替代這些重復的體力工作，讓書寫css回歸簡單、自然
所以我們有了Peaches
本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！