【簡單理解】gulp和webpack的區別


Gulp和Webpack的基本區別:

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

Webpack是前端構建工具,實現了模塊化開發和文件處理。他的思想就是“萬物皆為模塊”,它能夠將各個模塊進行按需加載,不會導致加載了無用或冗余的代碼。所以他還有個名字叫前端模塊化打包工具。

就我而言,我在實際當中會將兩種都選擇混合使用。雖然兩個都可以進行代碼的壓縮合並減少代碼體積,但gulp.config.js中gulp的代碼更加簡單易懂,需要壓縮合並誰就用哪個方法,而webpack樣式合並需要在node環境下下載插件才能使用。另一點,gulp 是基於流的打包工具,需要誰,引用誰,並且他的壓縮簡單明了,后期維護起來方便,webpack則可以將具體的模塊進行划分,需要哪個模塊就加載哪個模塊,實現按需加載,並且排除掉冗余代碼,減少代碼體積。

總結起來就是,gulp是基於流的自動化構建工具,但不包括模塊化的功能,如果要用到的話,就需要引入外部文件,比如require.js等;而webpack是自動化模塊打包工具,本身就具有模塊化,並且也具有壓縮合並的功能。二者側重點不同,我認為相互結合使用會提高代碼質量和代碼的優化。

 

------------------------------------------------------------------------------

很難受,其實我也不清楚二者那個好那個壞,和個人使用習慣有關,和,也不知道寫的對不對,請批評指正,我還是個小白。。。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM