ispriter自动构建css-sprite

优化你的网站：

当一个网站中的资源(比如：js文件、css文件、图片等)很多时必然影响用户访问速度，这时候你就需要做网站性能优化，你可以选择把资源分开放在不同的服务器上，因为一个资源服务器最多可以同时下载2-3个资源，多个服务器就可以同时下载多个文件，但是这样就给公司带来资金问题。一般大家都会想到对资源文件进行压缩和合并，这个过程可以使用工具，也可以自动构建。今天我讲的就是自动构建压缩css文件，合并图片：

ispriter是一个非常不错的基于node的工具包，支持css合并压缩和图片合并:

特性:

智能提取 background 的 url 和 position 等信息

　　智能设置被合并图片的宽高

　　智能判断使用了 background-position（使用px为单位）定位的图片并重新定位

　　支持已经合并了的精灵图再次合并和定位

　　支持图片去重

　　支持限制合并后图片的大小

　　支持设置合并后的图片间距

　　支持将所有图片合并为一张, 同时所有 CSS 文件合并为一个文件

　　支持读取 @import 的样式表进行处理

　　支持将所有合并了图片的 CSS 统一输出, 减少代码量

　　支持对输出的 CSS 进行压缩(使用 clean-css)

　　支持排除不需要合并的图片（在 url 后面添加 #unsprite 或者使用 config 文件来配置）

　　跳过 background-position 是 right/center/bottom 的图片

　　跳过显式的设置平铺方式为 repreat 的图片

　　跳过设置了 background-size 的图片

配置文件：

config.json

操作步骤：

第一步，安装node，官网：http://nodejs.org/

第二步，安装ispriter包，npm install ispriter -g

第三步，当前目录运行 ispriter -c config.json

这时会多出一个文件，里面有css文件和合并之后的image文件。

详细内容：https://github.com/iazrael/ispriter