auto-sprites

Elves

安装

npm install auto-sprites -g

使用

sprites <root> <source> <target> <sprites> [base64] [level]

• root 文件存放的根目录，比如htdocs

• source 指定编译的文件夹，比如/css/6v

• target 指定编译后文件存放的位置 比如/css/6v

• sprites 指定图片文件存放的位置 比如/simg

• base64是否启用base64编码

• level 以文件或者文件夹的维度合并图片,默认值为file

支持合并方式

• 垂直合并

• 水平合并

• 对角线合并

• 紧凑合并

API

        var sprites = new AutoSprites({
            data: cssData, /*合并的CSS的数据*/
            root: '/', /*image的root*/
            path: path.join(process.cwd(), config.target, 'img'), /*image存放路径*/
            fileName: fileName, /*文件名称，针对该名称进行base64编码生成图片的名称*/
            base64: false /*是否启用base64编码*/
        });
        

CSS书写要求

由于无法解析组合类，所以建议图片和样式书写在一个样式里面，另外无法找到的图片将被忽略。

更新日志

• 2014-04-22 : 修复注释解析错误的问题，修复sprites命令base64参数解析的问题

• 2014-01-21 : 修复windows下路径替换错误的问题

• 2013-11-19 ：修复注释解析错误的问题