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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
| module.exports = function(grunt){
//初始化grunt 配置
grunt.initConfig({
//获取package.json的信息
pkg: grunt.file.readJSON('package.json'),
//清除临时目录
clean: {
build: ['temp', 'build']
},
//拷贝源文件
copy: {
toBuild: {
expand: true, //启用扩展选项
// flatten: true, //移除所有路径成分
// ext: '.flat', //替换扩展名
// cwd: './', //所有路径相对于指定的此路径
src: ['examples/*.js'],
dest: 'temp/'
},
html: {
expand: true, //启用扩展选项
src: ['examples/*.html'],
dest: 'build/',
flatten: true
}
},
//合并
concat: {
js: {
src: ['examples/grunt.js', 'examples/grunt1.js'],
dest: 'build/grunt-concat.js'
}
},
//sass
sass: {
dist: {
files: {
'examples/css/sass.css': 'examples/test.scss'
}
}
},
//autoprefixer
autoprefixer:{
options:{
browsers: [
'ie >= 8',
'ff >= 10',
'chrome >= 20',
'safari >= 7',
'opera >= 10',
'ios >= 7',
'android >= 2.3'
],
map: true
},
files: {
src: 'examples/test.css',//需要加前缀的css文件
dest: 'build/main.css'//grunt处理后生成的css文件，如果文件夹中没有该文件，则自动创建
},
},
//压缩
uglify: {
options: {
banner: '/*! <%= pkg.name %> created by <%= pkg.author %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
},
build: {
src: 'examples/<%= pkg.name %>.js',
dest: 'build/<%= pkg.name %>.min.js'
}
},
cssmin: {
build: {
expand: true,
src: 'examples/grunt.css',
dest: 'build/',
flatten: true,
ext: '.min.css'
}
},
htmlmin: {
options: {
removeComments: true,//移除注释
removeCommentsFromCDATA: true,//移除<script>和<style>标签内的HTML注释
collapseWhitespace: true,//移除文档树中文本节点的空白。不会影响重大的空白，比如在SCRIPT,STYLE,PRE或TEXTAREA等元素内容
customAttrSurround: [],//允许支持自定义属性环绕变大时的正则表达式数组（例如<input {{#if value}}checked="checked"{{/if}}>）
customAttrAssign: true,//允许支持自定义属性赋值表达式的正则表达式数组（例如'<div flex?="{{mode != cover}}"></div>'）
customEventAttributes: true,//允许支持自定义事件属性的正则表达式数组minifyJS（例如ng-click）
collapseBooleanAttributes: true,//删除Boolean属性
removeAttributeQuotes: true,//删除属性的引号，当安全的情况下
removeRedundantAttributes: true,//删除多余的属性，像type="text/javascript"
useShortDoctype: true,//用短的HTML5的<!DOCTYPE html>代替doctype
processScripts: ['text/javascript'],//对应于类型脚本的元素串的阵列通过minifier处理（例如text/ng-template，text/x-handlebars-template等）
removeEmptyAttributes: true,//删除空（或空白）属性
removeOptionalTags: true,//一些元素允许省略标签，像</td>
ignoreCustomFragments: [ /\{\{[\s\S]*?\}\}/ ]//忽略定制的片段
},
html: {
files: [
{
expand: true,
flatten: true,
src: ['examples/*.html'],
dest: 'build/',
ext: '.html'
}
]
},
},
//服务
connect: {
server: {
options: {
// protocol: 'https', //网络通信协议
port: 8080,
base: './',
keepalive: false, //让服务器持续运行。请注意，如果启用此选项，则此任务之后指定的任何任务将永远不会运行
livereload: 35799,
hostname: '*' //使服务器可以从任何本地局域网访问 127.0.0.1
}
}
},
//监听
watch: {
options: {
reload: true,
livereload: 35799,
},
start: {
files: ['examples/*.html'],
tasks: ['copy:html'],
options: {
spawn: false //动态修改配置
}
}
}
//加载能够提供 uglify 任务的插件
grunt.loadNpmTasks('grunt-contrib-copy');
grunt.loadNpmTasks('grunt-contrib-clean');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.loadNpmTasks('grunt-autoprefixer');
grunt.loadNpmTasks('grunt-contrib-htmlmin');
grunt.loadNpmTasks('grunt-contrib-connect');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('default', ['autoprefixer']);
};
|