如果您覺得該文檔對您有幫助被济，請打賞救赐，五毛十毛均可。另外只磷，轉(zhuǎn)載請注明作者及出處经磅。
Webpack 是一個模塊打包工具
Webpack 將模塊泌绣、依賴和各種資源打包，生成靜態(tài)資源文件预厌。
what-is-webpack.png
需要一款新的模塊打包工具嗎阿迈？
目前的模塊打包工具不適合大項(xiàng)目，特別是在代碼切分（Code Splitting）和靜態(tài)資源的模塊化組織方面存在問題配乓，改進(jìn)現(xiàn)有的工具也不能很好的解決問題。
新工具的目標(biāo)
- 切分依賴樹惠毁，將其變成塊犹芹，需要時才載入
- 確保應(yīng)用能快速載入
- 靜態(tài)資源也能模塊化
- 能方便的將第三方庫作為模塊載入
- 打包器是完全可配置的
- 適合大項(xiàng)目
Webpack 有什么不同
Code Splitting
Webpack 管理兩種不同類型的依賴：同步依賴和異步依賴。異步依賴可以作為切分點(diǎn)生成新的塊鞠绰。當(dāng)塊樹被優(yōu)化之后腰埂，相關(guān)文件會從所有塊中刪除。
Loaders
雖然 Webpack 自身只能處理 Javascript蜈膨，但是裝載器可以處理各種其他類型的資源屿笼。經(jīng)過處理，每個資源都會生成一個模塊翁巍。
智能解析器
Webpack 的只能解析器可以處理幾乎所有的第三方庫驴一。他也允許在依賴中出現(xiàn)表達(dá)式，就像下面這樣：
require("./templates/" + name + ".jade")
他也可以正確處理不同的模塊化標(biāo)準(zhǔn)灶壶，比如：CommonJs 和 AMD
插件系統(tǒng)
Webpack 有強(qiáng)大的插件系統(tǒng)肝断，因此可以定制不同的功能。
