1、gulp:是工具鏈、構建工具,可以配合各種插件做js壓縮,css壓縮,less編譯 替代手工實現自動化工作
(1)構建工具
(2)自動化
(3)用于:提高效率——能夠優化前端工作流程,提高工作效率
(4)自動刷新頁面,雪碧圖,壓縮css、js,編譯less,檢查語法等
(5)使用gulp可以配置你需要的插件,把以前需要手工做的事情讓它幫你做了
2、webpack:是文件打包工具,可以把項目的各種js文、css文件等打包合并成一個或多個文件,主要用于模塊化方案,預編譯模塊的方案
(1)打包工具
(2)模塊化識別
(3)用于:編譯模塊代碼方案
總結:兩者不是一個工具,不具有可比性,更不沖突