什么是 webpack？

webpack是一款模塊加載器兼打包工具，它能把各種資源，例如JS（含JSX）、coffee、樣式（含less/sass）、圖片等都作為模塊來使用和處理。我們可以直接使用 require(XXX) 的形式來引入各模塊，即使它們可能需要經(jīng)過編譯（比如JSX和sass），但這不用我們理會，因為 webpack 有著各種健全的加載器（loader）在處理這些事情。

為什么使用Webpack

1. 他類似browserify 但是可以把你的應(yīng)用分離成許多文件，如果你有許多頁面在你的單頁應(yīng)用里面，用戶只需要下載當(dāng)前頁面所需要的代碼。如果你跳轉(zhuǎn)到另一個頁面，他們不需要重新加載通用的代碼。
2. 他能替代grunt或者gulp大部分的功能 因為他可以構(gòu)建和打包CSS，預(yù)處理CSS，編譯JS和打包處理圖片，甚至更多事情。
3. 他支持AMD和CommonJs以及其他的模塊化系統(tǒng)（Angular，ES6）。如果你不知道用什么，那么可以用CommonJs。