webpack和gulp之间的区别

@两种前端构建工具gulp和webpack的作用和区别

gulp（构建工具、自动化，提高效率）

gulp可以看作是一个工具链，构建工具，他其实强调的是前端开发流程，gulp可以定义一系列的task任务（比如SCSS编译，文件压缩合并，启动server等），然后定义这些task的顺序，来让gulp按照顺序执行，以此来构建前端开发流程

• 举例：其实可以把gulp当作一个流水线，一个产品从刚开始到完成，都可以对其进行操作。

webpack（打包工具，模块化识别）

webpack是一个模块化打包方案，更加注重的是模块化打包，在webpack中，可以将所有的一切资源全部当作是模块（CSS、JS、图片等等一切皆为模块），然后通过loader（加载器）和plugins（插件）去将这些资源打包成符合生产环境的前端资源

谈谈两者的区别

1. 从定义来看，gulp注重的是过程，强调的是前端开发流程，而webpack强调的是模块化打包，二者在定位上存在一定的区别，前者注重开发流程，后者侧重模块打包
2. 从实际操作来看，gulp是配置一系列的task任务，然后定义顺序去执行，而webpack具有高度灵活的配置选择，有比较高的自定义性。