gulp：強調的是前端開發的流程，通過配置一系列的task，定義task處理的事務（例如：檔案壓縮合併，啟動server），然後定義執行順序，來讓gulp執行task，從而構建其前端專案的流程。合併後仍然是你寫的**，只是區域性變數名被替換，一些語法做了轉換而已，整體內容並沒有發生改變。
webpack：側重模組打包，把開發中的所有資源（，js檔案，css檔案等）都開成模組，通過loader（載入器）和plugins（外掛程式）對資源進行處理，打包成符合生產環境部署的前端資源。打包後的**已經不只是你寫的**，其中夾雜很多webpack自身的模組處理**。
他們的定位是不同的：gulp來說，他旨在規範前端開發流程；webpack更是明顯強調模組化開發，而那些檔案壓縮合併、預處理等功能，不過是他附帶的功能。
使用：除了前端模組化開發，模組之間充分依賴的專案，都不值得webpack去構建；除此之外的構建工作都應該交給gulp，目前大一點的專案，webpack和gulp都是同時存在的，只是各自負責擅長的那部分，比如webapck將模組，互相依賴的分散的**打包成數個檔案，然後在使用gulp任務去壓縮，加版本號，替換等等工作。
gulp與webpack的區別
常有人拿gulp與webpack來比較，知道這兩個構建工具功能上有重疊的地方，可單用，也可一起用，但本質的區別就沒有那麼清晰。gulp gulp強調的是前端開發的工作流程，我們可以通過配置一系列的task，定義task處理的事務 例如檔案壓縮合併 雪碧圖 啟動server 版本控制等 然後定義執行順...
gulp與webpack的區別
常有人拿gulp與webpack來比較，知道這兩個構建工具功能上有重疊的地方，可單用，也可一起用，但本質的區別就沒有那麼清晰。gulp gulp強調的是前端開發的工作流程，我們可以通過配置一系列的task，定義task處理的事務 例如檔案壓縮合併 雪碧圖 啟動server 版本控制等 然後定義執行順...
gulp與webpack的區別
常有人拿gulp與webpack來比較，知道這兩個構建工具功能上有重疊的地方，可單用，也可一起用，但本質的區別就沒有那麼清晰。gulp gulp強調的是前端開發的工作流程，我們可以通過配置一系列的task，定義task處理的事務 例如檔案壓縮合併 雪碧圖 啟動server 版本控制等 然後定義執行順...