【簡單理解】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是自動化模塊打包工具，自己就具備模塊化，而且也具備壓縮合並的功能。兩者側重點不一樣，我認爲相互結合使用會提升代碼質量和代碼的優化。

 

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

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