背景：今天了解了大厂前端任职的一些要求：里面写了要熟悉webpack打包工具和Gulp构建工具，作为前端新人，看到这个就想这两种工具有什么区别？
在这里解答一下自已，而且希望可以帮助到有疑问的人.
Gulp构建工具
gulp是工具链，构建工具，可以配合各种插件做JS压缩，CSS压缩，less编译替代手动实现自动化工作.
所以它的主要作用是
1.构建工具
2.自动化
3.提高效率
Webpack打包工具
web是文件打包工具，可以把项目的各种js文件，css文件等打包合成一个或多个文件，主要用于模块化方案，预编译模块的方案
所以它的主要作用是
1.打包工具
2.模块化识别
3.编译模块代码方案
当然也会有部分相似的功能，比如合并，区分.
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。