gulp 与 Webpack 的 殊途同归之处

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 将项目模块化更完全，两者相辅相成......


我的理解，若是有什么欠缺的会继续补充.....