fis-spriter-csssprites

##fis-spriter-csssprites 基于FIS的csssprites，通过FIS插件的方式对合并后的css进行csssprites处理。其支持repeat-x, repeat-y, background-position

###安装

$ npm install -g fis-spriter-csssprites

###配置

fis.config.merge({
    namespace: 'demo',
    modules: {
        spriter: 'csssprites'
    },
    pack: {
        'aio.css': [
            '**.css'
        ]
    },
    settings: {
        spriter: {
            csssprites: {
                margin: 10
            }
        }
    }
});

###使用 工具通过图片添加query识别图片是否需要做图片合并，具体

query	说明
?__sprite	标识图片要做合并

###示例

.header {
    background: url(/img/head_bg.png?__sprite) repeat-x;
}

.nav {
    background: url(/img/nav_bg.png?__sprite) repeat-y;
}

.icon_add {
    background: url(/img/icon/add.jpg?__sprite);
}

.icon_mul {
    background: url(/img/icon/mul.jpg?__sprite) no-repeat;
}

如上，head_bg.png会合并到aio_x.png(aio.css对应图片), nav_bg.png合并到aio_y.png, add.jpg和mul.jpg被合并到aio_z.png。