现在基本都是使用grunt css sprite来拼sprite图片，非常方便。但是最近使用它经常碰到这种错误：Unsupported interlace method 出现这种错误的原因从网上得知是里面的图片算法在处理有问题或特殊的图片时有bug。这时你可以尝试使用其他工具重新导出图片，一般即可解决问题：比如我之前用ps保存的网页格式图片就会有问题，但我换用fireworks导出就没有问题。
自从开始使用scss后，都是用grunt来实时监听并编译。偶然试了下用gulp来实时编译scss，发现速度比grunt快了不是一点点。同等情况下，grunt编译要花十几秒， 而gulp只要几十毫秒。所以，我慢慢转投了gulp阵营。有点扯远了。今天主要记录下自己使用gulp裁剪和压缩图片的过程。有个站点有上千张图片，很多图片宽高和体积都太大，但我自己又不想多装一个WordPress插件去压缩它...
现在的项目中需要将各个JS和CSS文件压缩成对应独立的min文件，并要求生成对于的Source Map。这么琐碎繁杂的事情当然得交给Grunt来做了。花了2个小时上网搜索了下各种解决方案并研究了下，最终达到了我想要的效果。具体见代码：1. package.json{ "name": "xxx", "version":...
前端有一项重要的工作就是切图, 然后把图标拼成sprite, 在目前这个node.js, grunt满天飞的年代, 还手工拼图, 也太out了吧.想办法把我们从繁复的工作中解脱出来, 利用工具更有效率的工作, 也是前端的一项重要工作嘛.今天我们要介绍下grunt-css-sprite这个package.具体如何操作呢?1.假设你目录结构是这样的----src --------js -----...
