gulp 與 Webpack 的 殊途同歸之處

gulp

咱們能夠認爲是前端開發的生產線，gulp.task()則是每臺運做的機器，

當啓動gulp的時候，電閘就會被合上，全部的機器開始工做，

啓動本地server ，編譯sass，編譯commenjs，多chrunk文件，打包壓縮，mock數據等，都各幹各的，哪裏來src就經過配置到哪裏去dist

gulp 主要關注點是 track() 當生產間沒有機器的運做 很難將各個文件 加工成結果文件

webpack

webpack則不一樣 他更側重於 工程化，是模塊化的打包機，是對各類資源進行模塊化，

他主要處理各類各個模塊的依賴文件，只要模塊間有依賴 都會進行處理，不是該模塊的，就不會受影響

不一樣與gulp的路勁配置，會使得路徑下的各個文件均可能會受影響

webpack對各個模塊的管理 主要經過入口文件app.js創建依賴關係。

因此我麼的js、css都會寫到app.js中 固然能夠採用插件將css文件抽離，個人webpack文章有寫到

webpack更側重於 loader 經過loader加載器的編譯 轉換 ，能夠將任何形式的文件都會打包成模塊 例如：js模塊、css模塊、圖片模塊、媒體模塊等等。

綜上所述

gulp 和 webpack 均可以實現 文件的打包壓縮，啓動服務，mock數據，編譯sass，編譯es6等，只是側重點不一樣而已，
可是 gulp能夠引入webpack，引入gulp-webpack就能夠，而webpack則對gulp再次封裝，引入了loader 將項目模塊化更完全，兩者相輔相成......


我的理解，若是有什麼欠缺的會繼續補充.....