一、webpack是什麼？
webpack是一款模塊加載器兼打包工具，它能把各種資源，例如JS（含JSX）、coffee、樣式（含less/sass）、圖片等都作為模塊來使用和處理。 webpack 的核心是 依賴分析,把依賴分析出來了，其他都是細枝末節了
它主要的用途是通過CommonJS的語法把所有瀏覽器端需要發佈的靜態資源做相應的準備，比如資源的合併和打包。

二、為什麼使用webpack
現在很多網頁其實可以看做是功能豐富的應用，它們擁有着複雜的JavaScript代碼和一大堆依賴包。為了簡化開發的複雜度，前端社區涌現出了很多好的實踐方法

模塊化，讓我們可以把複雜的程序細化為小的文件;

類似於TypeScript這種在JavaScript基礎上拓展的開發語言：使我們能夠實現目前版本的JavaScript不能直接使用的特性，並且之後還能能裝換為JavaScript文件使瀏覽器可以識別；和其他一系列改進……

這些改進確實大大的提高開發效率，但是利用它們開發的文件往往需要進行額外的處理才能讓瀏覽器識別,而手動處理又是非常繁瑣的，WebPack類的工具的出現就是解決了這樣的問題

webpack 是一個現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。
當 webpack 處理應用程序時，它會遞歸地構建一個依賴關係圖(dependency graph)，
其中包含應用程序需要的每個模塊，然後將所有這些模塊打包成一個或多個 bundle。