webpack和gulp的區別

不一樣點：

gulp強調的是前端開發的工做流程，咱們能夠經過配置一系列的task，定義task處理的事務（例如文件壓縮合並、雪碧圖、啓動server、版本控制等），而後定義執行順序，來讓gulp執行這些task，從而構建項目的整個前端開發流程。

webpack是一個前端模塊化方案，更側重模塊打包，咱們能夠把開發中的全部資源（圖片、js文件、css文件等）都當作模塊，經過loader（加載器）和plugins（插件）對資源進行處理，打包成符合生產環境部署的前端資源。

gulp嚴格上講，模塊化不是他強調的東西，他旨在規範前端開發流程。

webpack更是明顯強調模塊化開發，而那些文件壓縮合並、預處理等功能，不過是他附帶的功能。

gulp與webpack上是互補的，仍是可替換的，取決於你項目的需求。若是隻是個vue或react的單頁應用，webpack也就夠用；若是webpack某些功能使用起來麻煩甚至沒有（雪碧圖就沒有），那就能夠結合gulp一塊兒用。