gulp

我们可以认为是前端开发的生产线，gulp.task()则是每台运作的机器，

当启动gulp的时候，电闸就会被合上，所有的机器开始工作，

启动本地server ，编译sass，编译commenjs，多chrunk文件，打包压缩，mock数据等，都各干各的，哪里来src就通过配置到哪里去dist

gulp 主要关注点是 track() 当生产间没有机器的运作 很难将各个文件 加工成结果文件

webpack

webpack则不同 他更侧重于 工程化，是模块化的打包机，是对各种资源进行模块化，

他主要处理各种各个模块的依赖文件，只要模块间有依赖 都会进行处理，不是该模块的，就不会受影响

不同与gulp的路劲配置，会使得路径下的各个文件都可能会受影响

webpack对各个模块的管理 主要通过入口文件app.js建立依赖关系。

所以我么的js、css都会写到app.js中 当然可以采用插件将css文件抽离，我的webpack文章有写到

webpack更侧重于 loader 通过loader加载器的编译 转换 ，可以将任何形式的文件都会打包成模块 例如：js模块、css模块、图片模块、媒体模块等等。

综上所述

gulp 和 webpack 都可以实现 文件的打包压缩，启动服务，mock数据，编译sass，编译es6等，只是侧重点不同而已，
但是 gulp可以引入webpack，引入gulp-webpack就可以，而webpack则对gulp再次封装，引入了loader 将项目模块化更彻底，二者相辅相成......


个人理解，如果有什么欠缺的会继续补充.....