grunt合并压缩js,css文件

转载文章：

http://www.cnblogs.com/yexiaochai/p/3594561.html

http://www.cnblogs.com/yexiaochai/p/3602002.html

http://www.cnblogs.com/snandy/archive/2013/03/07/2946989.html

http://www.cnblogs.com/snandy/archive/2013/03/11/2949177.html

http://www.cnblogs.com/snandy/archive/2013/05/20/3088613.html

以上两个牛人的文章写得已经很详细明了，推荐大家学习！

以下只是自己的小小练习：在本地windows环境下，压缩一下zepto.js文件；具体步奏如下：

1. 确保已经安装NodeJs和npm；具体安装步骤参考node官网即可，在此不做细述。
2. 在E盘创建目录gruntDemo，作为我们的项目：

   -> mkdir gruntDemo

   
   
3. 进入gruntDemo目录，创建package.json文件

   -> copy con package.json 回车
   {
     "name": "demo",
     "file": "zepto",
     "version": "0.1.0",
     "description": "demo",
     "license": "MIT",
     "devDependencies": {
       "grunt": "~0.4.1",
       "grunt-contrib-jshint": "~0.6.3",
       "grunt-contrib-uglify": "~0.2.1",
       "grunt-contrib-requirejs": "~0.4.1",
       "grunt-contrib-copy": "~0.4.1",
       "grunt-contrib-clean": "~0.5.0",
       "grunt-strip": "~0.2.1"
     },
     "dependencies": {
       "express": "3.x"
     }
   }
   
   ctrl+z一下，然后回车

   
   
4. 在grunt目录下执行 npm install将相关的文件下载下来;

   -> npm install

   目录中已经多了node_modules目录
5. 
   
   
6. 创建Gruntfile.js文件 

   -> copy con Gruntfile.js
   module.exports = function (grunt) {
     // 项目配置
     grunt.initConfig({
       pkg: grunt.file.readJSON('package.json'),
       uglify: {
         options: {
           banner: '/*! <%= pkg.file %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
         },
         build: {
           src: 'src/<%=pkg.file %>.js',
           dest: 'dest/<%= pkg.file %>.min.js'
         }
       }
     });
     // 加载提供"uglify"任务的插件
     grunt.loadNpmTasks('grunt-contrib-uglify');
     // 默认任务
     grunt.registerTask('default', ['uglify']);
   }
   ctrl+z一下  回车ok

   
   
7. 新建src目录，丢进一个zepto.js文件 

   -> mkdir src

   
   
8. 运行grunt命令 
9. 目录中已经多了dest目录；压缩成功