grunt-sprite自動雪碧圖 安裝使用方法

說實話，這個grunt-sprite自動合成雪碧圖插件但是把我折騰壞了，今天終於把它給搞定了，因此便火燒眉毛的要跟你們分享。

1.安裝依賴

下載安裝GM圖形庫

下載安裝Phantomjs （這個解壓就能夠用了）

2.安裝好這兩個依賴以後，別忘了把它們配置到環境變量。

 

 

3.接下來就是配置Gruntfile.js和package.js了

4.npm install 安裝依賴，以前幾步都沒有什麼太大的問題，可到這一步我就卡住了，由於安裝grunt-sprite的時候報錯了

我打開grunt-sprite的node_modules發現只有spritesmith這個依賴，gm呢？因而我猜測這個錯誤多是由於gm安裝出錯了，

因而我npm install gm --save-dev從新安裝了下gm

5.我執行grunt，發現正確了。哎。。。。回過頭來便恍然大悟，原來就是這麼簡單一個問題吶~~~