gulp和webpack的区别
首先，可能很多人面试过程中都会被问到这个问题。我说一说自己的理解：
| gulp | webpack |
|---|---|
| 强调的是规范前端开发的流程 | 是一个前端模块化方案 |
| 是一个基于流的自动化构建工具，不包括模块化的功能，通过配置一系列的task，例如文件压缩合并、雪碧图、启动server、版本控制等，然后定义执行顺序来让gulp执行task，从而构建前端项目的流程 | 是一个自动化模块打包工具，把开发中的所有资源（图片、js文件、css文件等）都看成模块，通过loader（加载器）和plugins（插件）对资源进行处理，划分成不同的模块，需要哪个加载哪个，实现按需加载的功能，入口引入的更多是js文件 |
在webpack刚面世的时候，webpack在gulp中也有一个插件（gulp-webpack）作为使其可以作为gulp️一个子任务来执行。只不过当时还是JQuery的时代，功能基本重复，真正使用webpack的还是很少，所以react等spa框架的出现让webpack迅速蹿红。
\
