我们来说说我们需求，我们需要对静态文件打包压缩，并且需要对静态文件加入版本号而且所有引用静态文件的html或css都得修改文件名，我们的需求明确后来来看看我们怎么做。
第一步：我们需要重新打包，那就需要复制文件，所以我们需要grunt-contrib-copy插件。
在copy之前我们先要确定源文件和目标文件，我这里源文件都放在test文件夹中，目标文件都放在dist文件夹中
我们创建文件路径
var path = { src : 'test', dest : 'dist', }
文件路径创建好了，我们来看copy
copy : {//复制文件 build : { files : [{ expand : true,//为true启用cwd,src,dest选项 cwd : '<%= path.src %>/',//所有src指定的匹配都将相对于此处指定的路径（但不包括此路径） src : ['**/*.*'],//相对于cwd路径的匹配模式。意思就是 src/**/*.*，匹配src下面所有文件 dest : '<%= path.dest %>/'//目标文件路径前缀。 } ] } },
从代码的注释就可以看出一二了。这里说下cwd，src，dest 。
其实这里的源路径是 cwd + src。这才是真正的源路径。dest是目标路径前缀。
我这里的意思是src下面所有的文件，意思就是把 src文件夹 里面的文件复制到 dest文件夹 里。这里可以指定需要复制的具体文件夹或者文件类型
第二步：进行文件压缩，我这里只是针对js和css压缩，对img的压缩可以查看对应的插件，思路都一样。
css压缩需要用到 grunt-contrib-cssmin 插件，该插件对应的任务名为 cssmin
cssmin :{ build : { files : [{ expand : true,//为true启用cwd,src,dest选项 cwd : '<%= path.src %>/',//所有src指定的匹配都将相对于此处指定的路径（但不包括此路径） src : ['css/*.css'],//相对于cwd路径的匹配模式。意思就是 src/**/*.css，匹配src下面所有文件 dest : '<%= path.dest %>/'//目标文件路径前缀。 } ] } },
js 压缩需要用到 grunt-contrib-uglify 插件，该插件对应的任务名为 uglify
uglify :{ build : { files : [{ expand : true,//为true启用cwd,src,dest选项 cwd : '<%= path.src %>/',//所有src指定的匹配都将相对于此处指定的路径（但不包括此路径） src : ['js/*.js'],//相对于cwd路径的匹配模式。意思就是 src/**/*.js，匹配src下面所有文件 dest : '<%= path.dest %>/'//目标文件路径前缀。 } ] } },
第三步：静态文件重命名，我们这里的版本控制是通过对静态文件重命名来现实的。
重命名需要用到 grunt-filerev 插件，该插件对应的任务名为 filerev
filerev : {//对css和js文件重命名 build : { files : [{ src : ['<%= path.dest %>/**', '!<%= path.dest %>/page/*.html',//html文件不加版本号 '!<%= path.dest %>/**/*.{png,jpg,jpeg}']//图片 不需要加版本号 } ] } },