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,发现正确了。哎。。。。回过头来便恍然大悟,原来就是这么简单一个问题呐~~~
 

 

 

 

posted @ 2014-03-05 10:14  橘子小睿  阅读(1180)  评论(2编辑  收藏  举报