Gruntfile.js
2.24 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
'use strict';
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sprite: {
all: {
// 待合并的文件
src: 'src/wap/*.png',
// 合并后输出的文件
dest: 'dist/sprite.png',
// 输出对应雪碧图的样式
destCss: '../css/sprite.less',
// 可选: 手动指定样式里引用图片的路径
imgPath: '../images/dist/sprite.png',
cssVarMap: function(sprite) {
sprite.name = sprite.name.replace(/^\s{1}/, ''); //去除文件名前空白
//sprite.name = sprite.name.replace('@2x', '');
sprite.name = 'icon-' + sprite.name;
sprite.name = sprite.name;
},
padding: 6,
// 可选: 指定算法 (top-down, left-right, diagonal,alt-diagonal, binary-tree )等
// 默认是top-down,二叉树合并出来的图体积最小
algorithm: 'binary-tree',
// 可选: 指定CSS格式 (默认根据destCSS中的后缀设置格式)
// (stylus, scss, scss_maps, sass, less, json, json_array, css)
cssFormat: 'less'
},
admin: {
// 待合并的文件
src: 'src/admin/*.png',
// 合并后输出的文件
dest: 'dist/admin_sprite.png',
// 输出对应雪碧图的样式
destCss: '../css/sprite_admin.less',
// 可选: 手动指定样式里引用图片的路径
imgPath: '../images/dist/admin_sprite.png',
cssVarMap: function(sprite) {
sprite.name = sprite.name.replace(/^\s{1}/, ''); //去除文件名前空白
//sprite.name = sprite.name.replace('@2x', '');
sprite.name = 'icon-' + sprite.name;
sprite.name = sprite.name;
},
padding: 6,
// 可选: 指定算法 (top-down, left-right, diagonal,alt-diagonal, binary-tree )等
// 默认是top-down,二叉树合并出来的图体积最小
algorithm: 'binary-tree',
// 可选: 指定CSS格式 (默认根据destCSS中的后缀设置格式)
// (stylus, scss, scss_maps, sass, less, json, json_array, css)
cssFormat: 'less'
}
}
});
grunt.loadNpmTasks('grunt-spritesmith');
grunt.registerTask('default', [
'sprite'
]);
};