grunt sprite:grunt合并雪碧图插件 源码

咕unt声 这是什么 这是一个帮助前端开发工程师将css代码中的切片合并成雪碧图的工具,它的主要功能是: 使用二叉树分割算法,对css文件进行处理,收集切片序列,生成雪碧图 在原css代码中为切片添加background-position属性 生成用于高清设备的高清雪碧图,并在css文件末尾添加媒体查询代码 在引用雪碧图的位置打上一级 在样式末尾追加临时 安装依赖 grunt-sprite使用作为内部核心算法,根据官方文档中提到的,应要安装和两个依赖。 图形Magick(gm) GraphicsMagick为grunt-sprite提供用于图像处理的框架,安装方法: 苹果电脑 // 安装GM图形库 brew install GraphicsMagick 视窗 前往官方网站 幻影 PhantomJS为spritesmith提供CSS选择器与JSON的支持,安装方法: