webpack和gulp的区别

不一样点：

gulp强调的是前端开发的工做流程，咱们能够经过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），而后定义执行顺序，来让gulp执行这些task，从而构建项目的整个前端开发流程。

webpack是一个前端模块化方案，更侧重模块打包，咱们能够把开发中的全部资源（图片、js文件、css文件等）都当作模块，经过loader（加载器）和plugins（插件）对资源进行处理，打包成符合生产环境部署的前端资源。

gulp严格上讲，模块化不是他强调的东西，他旨在规范前端开发流程。

webpack更是明显强调模块化开发，而那些文件压缩合并、预处理等功能，不过是他附带的功能。

gulp与webpack上是互补的，仍是可替换的，取决于你项目的需求。若是只是个vue或react的单页应用，webpack也就够用；若是webpack某些功能使用起来麻烦甚至没有（雪碧图就没有），那就能够结合gulp一块儿用。