-
Notifications
You must be signed in to change notification settings - Fork 20
/
Gruntfile.js
147 lines (132 loc) · 4 KB
/
Gruntfile.js
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
/*
* px2rem
* https://github.com/leon776/px2rem
*
* Copyright (c) 2015 xiaoweili
* Licensed under the MIT license.
*/
'use strict';
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
jshint: {
all: [
'Gruntfile.js',
'tasks/*.js',
'<%= nodeunit.tests %>'
],
options: {
jshintrc: '.jshintrc'
}
},
// Before generating any new files, remove any previously-created files.
clean: {
tests: ['test/assets/css/*-rem.css']
},
// Configuration to be run (and then tested).
px2rem: {
default: {
options: {
designWidth : 640,//设计稿宽度
baseFont : 20,//基础字体
border : 0,//1不处理border,0处理
ie8 : 0,//1生成ie8代码,0不生成
mode : 0,//0px转rem,1rem转px
media : 0,//1生成meadia query代码,0不生成
dest : 'test/assets/css/base/'//rem css输出目录
},
files: [{
src : ['test/assets/css/base/*.css']//要监听的css目录
}]
},
border: {
options: {
designWidth : 640,//设计稿宽度
baseFont : 20,//基础字体
border : 1,//1不处理border,0处理
ie8 : 0,//1生成ie8代码,0不生成
mode : 0,
media : 0,//1生成meadia query代码,0不生成
dest : 'test/assets/css/border/'//rem css输出目录
},
files: [{
src : ['test/assets/css/border/*.css']//要监听的css目录
}]
},
ie8: {
options: {
designWidth : 640,//设计稿宽度
baseFont : 20,//基础字体
border : 0,//1不处理border,0处理
ie8 : 1,//1生成ie8代码,0不生成
mode : 0,
media : 0,//1生成meadia query代码,0不生成
dest : 'test/assets/css/ie8/'//rem css输出目录
},
files: [{
src : ['test/assets/css/ie8/*.css']//要监听的css目录
}]
},
media: {
options: {
designWidth : 640,//设计稿宽度
baseFont : 20,//基础字体
border : 0,//1不处理border,0处理
ie8 : 0,//1生成ie8代码,0不生成
media : 1,//1生成meadia query代码,0不生成
dest : 'test/assets/css/media/'//rem css输出目录
},
files: [{
src : ['test/assets/css/media/*.css']//要监听的css目录
}]
},
rem2px: {
options: {
designWidth : 640,//设计稿宽度
baseFont : 20,//基础字体
border : 0,//1不处理border,0处理
ie8 : 0,//1生成ie8代码,0不生成
mode : 1,
media : 0,//1生成meadia query代码,0不生成
dest : 'test/assets/css/rem2px/'//rem css输出目录
},
files: [{
src : ['test/assets/css/rem2px/*.css']//要监听的css目录
}]
}
},
watch: {
css: {
files: ['test/assets/css/*.css', 'tasks/px2rem.js'],
tasks: ['px2rem']
}
},
// Unit tests.
nodeunit: {
tests: ['test/test*.js']
}
});
// Actually load this plugin's task(s).
grunt.loadTasks('tasks');
// These plugins provide necessary tasks.
grunt.loadNpmTasks('grunt-contrib-jshint');
grunt.loadNpmTasks('grunt-contrib-clean');
grunt.loadNpmTasks('grunt-contrib-nodeunit');
grunt.loadNpmTasks('grunt-contrib-watch');
// Whenever the "test" task is run, first clean the "tmp" dir, then run this
// plugin's task(s), then test the result.
grunt.registerTask('test',
['clean',
'px2rem:default',
'px2rem:border',
'px2rem:ie8',
'px2rem:rem2px',
'px2rem:media',
'nodeunit']);
// By default, lint and run all tests.
grunt.registerTask('default', ['px2rem', 'watch']);
grunt.registerTask('p2r', 'px2rem');
grunt.event.on('watch', function(action, filepath, target) {
grunt.log.writeln(target + ': ' + filepath + ' has ' + action);
});
};