1. 程式人生 > >對webpack和gulp的理解和區別

對webpack和gulp的理解和區別

webpack是前端構建工具,稱為模組打包機,webpack支援模組化;構建前端開發過程中常用的檔案,如:js,css,html,img等;使用簡單方便,自動化構建。webpack是通過loader(載入器)和plugins(外掛)對資源進行處理的。

Glup側重於前端開發的整個過程的控制管理,我們可以通過給glup配置不同的task來讓glup實現不同的功能,從而構建整個前端開發流程。(通過gulp中的gulp.task()方法配置,比如server、sass/less預編譯、檔案的合併壓縮等等)

區別:

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

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