gulp和webpack之间的区别

gulp是为了规范前端开发流程，实现前后端分离、模块化开发、版本控制、文件合并、压缩、Mock数据等功能的一个前端自动化构建工具。

强调的是前端开发的工作流程，我们可以通过配置一系列的task（Gulp中的gulp.task()方法配置），定义task处理的事务（例如文件压缩合并、雪碧图、启动server、sass/less预编译、版本控制等）然后定义执行顺序，来让gulp执行这些task，从而构建项目的整个前端开发流程。核心是 task runner。

 

webpack是当下最热门的前端资源模块化管理和打包工具，成为模块打包机。

它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、AMD 模块、ES6 模块、CSS、图片、JSON、Coffeescript、Less 等

 Gulp和Webpack的侧重点是不同的

（Gulp侧重于开发整个过程的控制管理）

（Webpack更侧重于模块打包）

Gulp和Webpack基本都能满足前端自动化构建工具的任务，但还是看出两个工具的侧重点，Gulp侧重整个过程的控制，Webpack在模块打包方面有特别出众。

所以，在一定情况下 Gulp + Webpack 组合使用可能更方便