Grunt javascript世界的构建工具（二）——Grunt项目实战 (by vczero)

 1 {
 2   "name": "heatmap.js",
 3   "version": "2.0.0",
 4   "description": "Dynamic JavaScript Heatmaps for the Web",
 5   "homepage": "http://www.patrick-wied.at/static/heatmapjs/",
 6   "devDependencies": {
 7     "grunt": ">= 0.4.1",
 8     "coffee-script": ">= 1.6.3",
 9     "grunt-contrib-uglify": ">= 0.2.0",
10     "grunt-contrib-concat": ">= 0.1.3",
11     "grunt-contrib-watch": "0.2.0rc7",
12     "grunt-contrib-jshint": ">= 0.3.0"
13   },
14   "buildFiles": [
15     "src/config.js", 
16     "src/data.js", 
17     "src/renderer/canvas2d.js", 
18     "src/renderer.js", 
19     "src/util.js", 
20     "src/core.js"
21   ]
22 }

 1 /*global module:false*/
 2 module.exports = function(grunt) { //这是grunt配置的warp，必须以module。exports导出
 3 
 4   var packagejson = grunt.file.readJSON(‘package.json‘); //读取相同路径下的package.json，读取完成后实际上是package.json对象
 5   // Project configuration.
 6   grunt.initConfig({
 7     // Metadata.
 8     pkg: packagejson,
 9     banner: ‘/*\n * <%= pkg.title || pkg.name %> v<%= pkg.version %> | JavaScript Heatmap Library\n *\n * Copyright 2008-2014 Patrick Wied <heatmapjs@patrick-wied.at> - All rights reserved.\n * Dual licensed under MIT and Beerware license \n *\n * :: <%= grunt.template.today("yyyy-mm-dd HH:MM") %>\n */\n‘, //标语、声明、说明、版权、版本
10     // Task configuration. 合并任务配置：;(function(global){合并的一部分})(this || window);
11     concat: {
12       options: {
13         banner: ‘<%= banner %>‘+‘;(function(global){ ‘, 
14         footer: ‘\n\n})(this || window);‘
15       },
16       dist: {
17         src: packagejson.buildFiles,
18         dest: ‘build/heatmap.js‘
19       }
20     }, 
21     uglify: { //压缩，加上声明等信息 可参见：https://github.com/gruntjs/grunt-contrib-uglify
22       options: {
23         banner: ‘<%= banner %>‘,
24         mangle: true,
25         compress: false, //compress must be false, otherwise behaviour change!!!!!
26         beautify: false
27       },
28       dist: {
29         src: ‘build/heatmap.js‘,
30         dest: ‘build/heatmap.min.js‘
31       }
32     },
33     jshint: { //js代码校验
34       options: {
35         curly: true,
36         eqeqeq: true,
37         immed: true,
38         latedef: true,
39         newcap: true,
40         noarg: true,
41         sub: true,
42         undef: true,
43         unused: true,
44         boss: true,
45         eqnull: true,
46         browser: true
47       },
48       gruntfile: {
49         src: ‘Gruntfile.js‘
50       }
51     },
52     watch: { //监测 https://github.com/gruntjs/grunt-contrib-watch
53       gruntfile: {
54         files: ‘<%= jshint.gruntfile.src %>‘,
55         tasks: [‘jshint:gruntfile‘] 
56       },
57       dist: {
58         files: packagejson.buildFiles, 
59         tasks: [‘concat‘, ‘jshint‘, ‘uglify‘]
60       }
61     }
62   });
63 
64   // These plugins provide necessary tasks. 加载任务插件
65   grunt.loadNpmTasks(‘grunt-contrib-concat‘);
66   grunt.loadNpmTasks(‘grunt-contrib-uglify‘);
67   grunt.loadNpmTasks(‘grunt-contrib-jshint‘);
68   grunt.loadNpmTasks(‘grunt-contrib-watch‘);
69 
70   // Default task. 注册默认任务 当然，可以注册自己的任务如：grunt.registerTask(‘test‘, [‘concat‘]);

 71 grunt.registerTask(‘default‘, [‘concat‘, ‘jshint‘, ‘uglify‘, ‘watch‘]); 72 };