基本區別：
gulp可以進行js，htm，css，img的壓縮打包，是自動化構建工具，可以將多個js文件或是css壓縮成一個文件，並且可以壓縮爲一行，以此來減少文件體積，加快請求速度和減少請求次數；並且gulp有task自定義處理事務，從而構建整個流程，它是基於流的自動化構建工具。
webpack是前端構建工具，實現了模塊化開發和文件處理。它的思想就是“萬物皆爲模塊”，它能夠將各個模塊進行按需加載，不會導致加載了無用或冗餘的代碼。所以它也可以叫前端模塊化打包工具。
webpack：靜態模塊打包，構建依賴圖。
雖然兩個都可以進行代碼的壓縮合並減少代碼體積，但是gulp是基於流的構建工具，通過task自定義事務，對整個開發過程進行構建，webpack是基於模塊化的構建工具，通過依賴關係進行靜態分析，然後按照指定的規則進行打包。gulp可以看作是一個流水線，而webpack則可以看作是一個工廠，它們的側重點不一樣，工廠裏自然會包含生產線，所以webpack的功能更加強大一些。