webpack是一個模塊打包工具(module bundle),它獲取所依賴的模塊,並生成這些模塊的靜態資源。支持的模塊系統有:commonJS,AMD,CMD,UMD,ES6。
loaders
模塊轉換
style-loader, css-loader, file-loader, sass-loader
官方loaders
plugins
webpack功能擴展
官方plugins
html-webpack-plugin:簡化了HTML文件的創建,以便爲您的webpack包提供服務。
code spliting
將代碼分割成塊,分塊加載,減小單個文件的大小。
http://webpack.github.io/docs/code-splitting.html#chunk-content
configuration
webpack配置對象:根據不同的用法,有兩種方式傳遞這個對象。CLI和node.js API
devTools
開發工具:webpack-dev-server,webpack-dev-middleware,koa-webpack-dev
webpack-dev-server: A little node.js Express server;
webpack-dev-middleware:A small middleware for a connect-based middleware stack;