1.Gulp側(cè)重于前端開(kāi)發(fā)的 整個(gè)過(guò)程 的控制管理（像是流水線），我們可以通過(guò)給gulp配置不通的task（通過(guò)Gulp中的gulp.task()方法配置，比如啟動(dòng)server、sass/less預(yù)編譯、文件的合并壓縮等等）來(lái)讓gulp實(shí)現(xiàn)不同的功能，從而構(gòu)建整個(gè)前端開(kāi)發(fā)流程。

2.Webpack有人也稱(chēng)之為 模塊打包機(jī) ，由此也可以看出Webpack更側(cè)重于模塊打包，當(dāng)然我們可以把開(kāi)發(fā)中的所有資源（圖片、js文件、css文件等）都可以看成模塊，最初Webpack本身就是為前端JS代碼打包而設(shè)計(jì)的，后來(lái)被擴(kuò)展到其他資源的打包處理。Webpack是通過(guò)loader（加載器）和plugins（插件）對(duì)資源進(jìn)行處理的。

3.另外我們知道Gulp是對(duì)整個(gè)過(guò)程進(jìn)行控制，所以在其配置文件（gulpfile.js）中配置的每一個(gè)task對(duì)項(xiàng)目中 該task配置路徑下所有的資源 都可以管理。比如，對(duì)sass文件進(jìn)行預(yù)編譯的task可以對(duì)其配置路徑下的所有sass文件進(jìn)行預(yù)編譯處理

webpack打包js代碼，gulp打包c(diǎn)ss代碼