本篇文章就來手把手教你使用node手寫一款圖集打包工具，有一定的參考價(jià)值，希望對(duì)大家有所幫助！

偶然發(fā)現(xiàn)一款很好用的跨平臺(tái)圖像編解碼庫node-images.

仔細(xì)閱讀其API, 就萌生了一個(gè)使用其制作精靈圖集的想法.

于是就誕生了這個(gè)工具sprites-pack-tool.

你可以在github查看

https://github.com/xdq1553/MySpritesPackTool

你可以使用npm安裝

https://www.npmjs.com/package/sprites-pack-tool

對(duì)于精靈圖集, 我想大家都不陌生.

比如把下面的幾張圖片合成一張.

這一張圖集就是我用本文介紹的工具打包合成的.

合成的圖片品質(zhì)依然十分高呢.

為什么需要使用圖集

web開發(fā)

我們?cè)趙eb開發(fā)中, 每次在瀏覽器展示一張圖片都需要請(qǐng)求一次服務(wù)器資源.

舉個(gè)例子, 3次請(qǐng)求每次4k, 和一次請(qǐng)求12k還是有本質(zhì)區(qū)別的, 然后