grunt合并压缩js,css文件

转载文章：

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

以下只是自己的小小练习：在本地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

5.目录中已经多了node_modules目录

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文件