Gruntfile.js
1.67 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
module.exports = function (grunt) {
// Configure grunt
grunt.initConfig({
sprite:{
all: {
// // 待合并的文件
// src : 'src/*.png',
// retinaSrcFilter : 'src/*@2x.png',
// // 合并后输出的文件
// dest : 'dest/sprite.png',
// retinaDest : 'dest/sprite@2x.png',
// // 输出对应雪碧图的样式
// destCss : '../css/m/sprite.less',
// // 可选: 手动指定样式里引用图片的路径
// imgPath : '../images/dest/sprite.png',
// retinaImgPath : '../images/dest/sprite@2x.png',
// // 可选: 指定算法 (top-down, left-right, diagonal,alt-diagonal, binary-tree )等
// // 默认是top-down,二叉树合并出来的图体积最小
// algorithm : 'top-down',
// // 可选: 指定CSS格式 (默认根据destCSS中的后缀设置格式)
// // (stylus, scss, scss_maps, sass, less, json, json_array, css)
// cssFormat : 'css'
// We have `fork.png`, `fork@2x.png`, ...
src: ['fork*.png', 'github*.png', 'twitter*.png'],
// This will filter out `fork@2x.png`, `github@2x.png`, ... for our retina spritesheet
// The normal spritesheet will now receive `fork.png`, `github.png`, ...
retinaSrcFilter: ['*@2x.png'],
dest: 'spritesheet.retina.png',
retinaDest: 'spritesheet.retina@2x.png',
destCss: 'spritesheet.retina.styl'
}
}
});
// Load in `grunt-spritesmith`
grunt.loadNpmTasks('grunt-spritesmith');
// Default task(s).
grunt.registerTask('default', ['sprite']);
};