gulp可以進行js痘绎,html津函,css肖粮,img的壓縮打包孤页,是自動化構(gòu)建工具,可以將多個js文件或是css壓縮成一個文件涩馆,并且可以壓縮為一行行施,以此來減少文件體積,加快請求速度和減少請求次數(shù)魂那;并且gulp有task定義處理事務(wù)蛾号,從而構(gòu)建整體流程,它是基于流的自動化構(gòu)建工具涯雅。
Webpack是前端構(gòu)建工具鲜结,實現(xiàn)了模塊化開發(fā)和文件處理。他的思想就是“萬物皆為模塊”,它能夠?qū)⒏鱾€模塊進行按需加載精刷,不會導(dǎo)致加載了無用或冗余的代碼拗胜。所以他還有個名字叫前端模塊化打包工具。
總結(jié)起來就是怒允,gulp是基于流的自動化構(gòu)建工具埂软,但不包括模塊化的功能,如果要用到的話纫事,就需要引入外部文件勘畔,比如require.js等;而webpack是自動化模塊打包工具丽惶,本身就具有模塊化炫七,并且也具有壓縮合并的功能。二者側(cè)重點不同钾唬,我認為相互結(jié)合使用會提高代碼質(zhì)量和代碼的優(yōu)化诉字。