说实话,这个grunt-sprite自动合成雪碧图插件可是把我折腾坏了,今天终于把它给搞定了,所以便迫不及待的要跟大家分享。

1.安装依赖

下载安装GM图形库

下载安装Phantomjs (这个解压就可以用了)

2.安装好这两个依grunt-sprite自动雪碧图 安装使用方法赖之后,别忘了把它们配置到环境变量。

grunt-sprite自动雪碧图 安装使用方法

 

 

3.接下来就是配置Gruntfile.js和package.js了
4.npm install 安装依赖,之前几步都没有什么太大的问题,可到这一步我就卡住了,因为安装grunt-sprite的时候报错了
grunt-sprite自动雪碧图 安装使用方法
我打开grunt-sprite的node_modules发现只有spritesmith这个依赖,gm呢?于是我猜想这个错误可能是因为gm安装出错了,
于是我npm install gm --save-dev重新安装了下gm
grunt-sprite自动雪碧图 安装使用方法
5.我执行grunt,发现正确了。哎。。。。回过头来便恍然大悟,原来就是这么简单一个问题呐~~~
grunt-sprite自动雪碧图 安装使用方法
 
grunt-sprite自动雪碧图 安装使用方法

 

 

 

相关文章:

  • 2022-12-23
  • 2021-07-11
  • 2022-12-23
  • 2021-07-31
  • 2021-08-26
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-11-03
  • 2022-12-23
  • 2021-10-05
  • 2022-12-23
  • 2022-12-23
  • 2022-02-26
相关资源
相似解决方案