對webpack和gulp的理解和區別

2022-06-19 04:21:12 字數 364 閱讀 8929

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

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

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

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

對webpack和gulp的理解和區別

webpack是前端構建工具,稱為模組打包機,webpack支援模組化 構建前端開發過程中常用的檔案,如 js,css,html,img等 使用簡單方便,自動化構建。webpack是通過loader 載入器 和plugins 外掛程式 對資源進行處理的。glup側重於前端開發的整個過程的控制管理,我...

Gulp和Webpack的區別

gulp 強調的是前端開發的流程,通過配置一系列的task,定義task處理的事務 例如 檔案壓縮合併,啟動server 然後定義執行順序,來讓gulp執行task,從而構建其前端專案的流程。合併後仍然是你寫的 只是區域性變數名被替換,一些語法做了轉換而已,整體內容並沒有發生改變。webpack 側...

Gulp和Webpack的區別

gulp和webpack的基本區別 gulp可以進行js,html,css,img的壓縮打包,是自動化構建工具,可以將多個js檔案或是css壓縮成乙個檔案,並且可以壓縮為一行,以此來減少檔案體積,加快請求速度和減少請求次數 並且gulp有task定義處理事務,從而構建整體流程,它是基於流的自動化構建...