Skip to content
csssprite
JavaScript
Branch: master
Clone or download
Pull request Compare This branch is 3 commits ahead, 15 commits behind mudoo:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
libs
.gitignore
.npmignore
README.md
index.js
package.json

README.md

fis-spriter-csssprites

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

mudoofis-spriter-csssprites-groupfork而来,在其基础上添加记录打包过的图片的功能

特性

在官方基础上,添加支持图片分组合并、合并路径指定、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路径)、绝对路径(项目根路径)

You can’t perform that action at this time.