webpack打包原理是根據文件間的依賴關系對其進行靜態分析，將這些模塊按指定規則生成靜態資源，當webpack處理程序時，它會遞歸地構建一個依賴關系圖，將所有這些模塊打包成一個或多個bundle。 webpack有兩種組織模塊的依賴方式，同步、異步。異步依賴將作為分割點，形成一個新的塊；在優化了依賴樹之后，每一個異步區塊都將作為一個文件被打包。 webpack有一個智能解析器，幾乎可以處理任何第三方庫。無論它們的模塊形式是CommonJS、AMD還是普通的JS文件；甚至在加載依賴的時候，允許使用動態表require("、/templates/"+name+"、jade")。 * 要承擔如下功能： * 打包：將多個文件 打包成 一個文件，減少服務器壓力和下載帶寬 * 轉換：將預編譯語言 轉換成 瀏覽器識別的語言 * 優化：性能優化 webpack 特點： * **代碼拆分** > webpack 有兩種組織模塊的依賴方式，同步、異步 > 異步依賴將作為分割點，形成一個新的塊；在優化了依賴樹之后，每一個異步區塊都將作為一個文件被打包 * **智能解析** > webpack 有一個智能解析器，幾乎可以處理任何第三方庫 > 無論它們的模塊形式是 CommonJS、 AMD 還是普通的 JS 文件；甚至在加載依賴的時候，允許使用動態表達式 require("./templates/" + name + ".jade") * **快速運行** > webpack 使用異步 I/O 、多級緩存提高運行效率，使得 webpack 以難以令人置信的速度 **快速增量編譯**