grunt

基于临时文件，以文件为单位打包

传送门： https://www.gruntjs.net/

gulp

文件操作基于node steam，效率比grunt稍微快一些，并且拥有丰富的插件

传送门：https://gulpjs.com

主要是根据task + plugin机制，细节不做过多描述：

gulp.task('somename', function() {
  gulp.src('src/*.js')
      .pipe(minify())
      .pipe(gulp.dest('build'));
});

适用于构建less,css，es6/typescript 转es5等 资源整合，转化，grunt能做的 gulp基本都能做，性能、写法都优于grunt

fis3

browserify

webpack

基于commonjs，es6 modules，将资源打包整合，js、css、image等一切皆为资源，通过loader, plugin机制资源转化整合

细节单独文章再介绍

rollhub

等

。。。细节待完善