基本区别:
gulp可以进行js,htm,css,img的压缩打包,是自动化构建工具,可以将多个js文件或是css压缩成一个文件,并且可以压缩为一行,以此来减少文件体积,加快请求速度和减少请求次数;并且gulp有task自定义处理事务,从而构建整个流程,它是基于流的自动化构建工具。
webpack是前端构建工具,实现了模块化开发和文件处理。它的思想就是“万物皆为模块”,它能够将各个模块进行按需加载,不会导致加载了无用或冗余的代码。所以它也可以叫前端模块化打包工具。
webpack:静态模块打包,构建依赖图。
虽然两个都可以进行代码的压缩合并减少代码体积,但是gulp是基于流的构建工具,通过task自定义事务,对整个开发过程进行构建,webpack是基于模块化的构建工具,通过依赖关系进行静态分析,然后按照指定的规则进行打包。gulp可以看作是一个流水线,而webpack则可以看作是一个工厂,它们的侧重点不一样,工厂里自然会包含生产线,所以webpack的功能更加强大一些。