一、簡介
網頁中常見的靜態資源：JS（.js .jsx .coffee .ts)、CSS（.css .less .sass .scss）、Images（.jpg .png .gif .bmp .svg）、字體文件Fonts（.svg .ttf .eot .woff .woff2）、模板文件（.ejs .jade .vue）。靜態資源使網頁加載速度慢，因爲要發起很多二次請求；靜態資源間存在綜複雜的依賴關係。解決辦法：合併壓縮（sprite、圖片的Base64編碼等）、解決各個包之間複雜的依賴關係。
webpack是基於Node.js開發的前端項目構建工具。本質上，webpack是一個現代JavaScript應用程序的靜態模塊打包器（module bundler）。當webpack處理應用程序時，會遞歸地構建一個依賴關係圖（dependency graph），其中包含應用程序需要的每個模塊，然後將所有模塊打包成一個或多個bundle。官網：https://webpack.github.io/ https://www.webpackjs.com/。
Gulp是基於task任務的，webpack是基於整個項目進行構建的。
