Gulp、Webpack 比较

• gulp 强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义 task 处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让 gulp 执行这些 task，从而构建项目的整个前端开发流程。
• webpack 是一个前端模块化方案，更侧重模块打包，我们可以把开发中的所有资源（图片、js文件、css文件等）都看成模块，通过 loader（加载器）和 plugins（插件）对资源进行处理，打包成符合生产环境部署的前端资源。
• gulp严格上讲，模块化不是他强调的东西，他旨在规范前端开发流程。
  webpack更是明显强调模块化开发，而那些文件压缩合并、预处理等功能，不过是他附带的功能。

Gulp 介绍

gulp 是一个基于任务的工具。

• gulp的每个功能都是一个任务，压缩css的任务、合并文件的任务等等

流程

• 注册任务
  gulp.task(name[,deps],fn)
  name是任务名称，执行任务时，使用这个名称，fn是一个回掉函数，代表这个任务要做的事情
• 读取文件
  gulp.src(globs[, options]) src方法主要是用来读取目标源文件，所以参数就是一个目标源文件的路径
• 输出到文件
  gulp.dest(path[,options]) dest方法主要用来将数据输出到文件中，所以参数就是目标文件路径。

gulp.task("indexJs", function () {
    // js 路径
    gulp.src(paths.indexJs)
        // 功能函数
        .pipe(rename("index.js"))
　　　　　// 压缩 js 
        .pipe(uglify())
        .pipe(gulp.dest(releasePath + "/js"))
});