fis-spriter-csssprites-plus

0.3.11 • Public • Published

fis-spriter-csssprites

基于FIS的csssprites,由fis-spriter-csssprites 修改而来,具体说明请访问原项目了解

特性

在官方基础上,添加支持图片分组合并、合并路径指定、rem支持

query 说明
?__sprite 标识图片要做合并
?__sprite=group 标识图片合并到"group_(x|y|z).png"

group只支持“字母、数字、-、_”

配置

  • 启用 fis-spriter-csssprites 插件
fis.match('::package', {
    spriter: fis.plugin('csssprites-group')
});
fis.config.set('settings.spriter.csssprites-group', {
    //图片缩放比例
    scale: 1,
    //1rem像素值
    rem: 50,
    //图之间的边距
    margin: 10,
    //使用矩阵排列方式,默认为线性`linear`
    layout: 'matrix',
    //合并图片存到/img/
    to: '/img'
});

to 参数可以为相对路径(相对当前css路径)、绝对路径(项目根路径)

Package Sidebar

Install

npm i fis-spriter-csssprites-plus

Weekly Downloads

1

Version

0.3.11

License

MIT

Last publish

Collaborators

  • icefox0801