基于fis的csssprite,支持分组合并图片,合并路径指定
npm install fis-spriter-csssprites-plus基于FIS的csssprites,由fis-spriter-csssprites 修改而来,具体说明请访问原项目了解
| query | 说明 |
|---|---|
| ?__sprite | 标识图片要做合并 |
| ?__sprite=group | 标识图片合并到"group_(x|y|z).png" |
> group只支持“字母、数字、-、_”
* 启用 fis-spriter-csssprites 插件
``javascript`
fis.match('::package', {
spriter: fis.plugin('csssprites-group')
});
* 其他设置,更多详细设置请参考fis-spriter-csssprites
`javascriptlinear
fis.config.set('settings.spriter.csssprites-group', {
//图片缩放比例
scale: 1,
//1rem像素值
rem: 50,
//图之间的边距
margin: 10,
//使用矩阵排列方式,默认为线性`
layout: 'matrix',
//合并图片存到/img/
to: '/img'
});
> to` 参数可以为相对路径(相对当前css路径)、绝对路径(项目根路径)