背景：今天了解了大廠前端任職的一些要求：里面寫了要熟悉webpack打包工具和Gulp構建工具，作為前端新人，看到這個就想這兩種工具有什么區別？
在這里解答一下自已，而且希望可以幫助到有疑問的人.

Gulp構建工具

gulp是工具鏈，構建工具，可以配合各種插件做JS壓縮，CSS壓縮，less編譯替代手動實現自動化工作.
所以它的主要作用是
1.構建工具
2.自動化
3.提高效率

Webpack打包工具

web是文件打包工具，可以把項目的各種js文件，css文件等打包合成一個或多個文件，主要用于模塊化方案，預編譯模塊的方案
所以它的主要作用是
1.打包工具
2.模塊化識別
3.編譯模塊代碼方案

當然也會有部分相似的功能，比如合并，區分.

本文內容轉載自此鏈接，可點擊跳轉.
推薦一篇gulp入門的博文，點擊可馬上開始學習，作者的博客很給力喜歡

總結

以上是生活随笔為你收集整理的Gulp和webpack的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。