• 一个插件做了过多的事情
• 只是想使用javascript压缩器，需要先回答是不是要添加banner
• 插件做了不该插件做的事情
• 想要运行测试？装个插件吧
• 当你想做很多事情的时候config的格式看起来就是一坨...
• 不是按照node的方式来书写的
• 由于不良的流程控制导致一堆头疼的临时文件和目录

 module.exports = function(grunt) {

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    concat: {
      options: {
        separator: ';'
      },
      dist: {
        src: ['src/**/*.js'],
        dest: 'dist/<%= pkg.name %>.js'
      }
    },
    uglify: {
      options: {
        banner: '/*! <%= pkg.name %> <%= grunt.template.today("dd-mm-yyyy") %> */\n'
      },
      dist: {
        files: {
          'dist/<%= pkg.name %>.min.js': ['<%= concat.dist.dest %>']
        }
      }
    },
    qunit: {
      files: ['test/**/*.html']
    },
    jshint: {
      files: ['gruntfile.js', 'src/**/*.js', 'test/**/*.js'],
      options: {
        // options here to override JSHint defaults
        globals: {
          jQuery: true,
          console: true,
          module: true,
          document: true
        }
      }
    },
    watch: {
      files: ['<%= jshint.files %>'],
      tasks: ['jshint', 'qunit']
    }
  });

  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.loadNpmTasks('grunt-contrib-jshint');
  grunt.loadNpmTasks('grunt-contrib-qunit');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-concat');

  grunt.registerTask('test', ['jshint', 'qunit']);

  grunt.registerTask('default', ['jshint', 'qunit', 'concat', 'uglify']);

};

var gulp = require('gulp');
var pkg = require('./package.json');
var concat = require('gulp-concat');
var minify = require('gulp-minify');
var jshint = require('gulp-jshint');
var spawn = require('child_process').spawn;

var scriptFiles = './src/**/*.js';

gulp.task('compile', function(){
  // concat all scripts, minify, and output
  gulp.src(scriptFiles)
    .pipe(concat({fileName: pkg.name+".js"})
    .pipe(minify())
    .pipe(gulp.dest('./dist/'));
});

gulp.task('test', function(){
  // lint our scripts
  gulp.src(scriptFiles).pipe(jshint());
  
  // run our tests
  spawn('npm', ['test'], {stdio: 'inherit'});
});
    
gulp.task('default', function(){
  gulp.run('test', 'compile');
  gulp.watch(scriptFiles, function(){
    gulp.run('test', 'compile');
  });
});

• 用 Gulp 后你的构建文件看起来是程序而不是配置
• 十分易于上手，核心API只有4个
• 你可以使用nodejs或者javascript的标准库和方法来做事情
• 单一责任原则，插件很简单并且只做一件事情——最多是个20行的方法
• 任务以最大并发来执行
• I/O 以你想象中的方式工作，基于流，而不是生成很多临时文件（像grunt的方法一样）

npm install -g gulp 

cd project
npm install gulp --save-dev 

var gulp = require('gulp');

gulp.task('default', function () {
    console.log('welcome to gulp');
}); 

gulp 

• 基于文件的FEZ
  
• Alloy Team modjs
• FEX FIS
• Make
• Ant