Tree shaking,便是指消除JavaScript上下文中無用代碼,或更精確地說,只保留有用的代碼。它依賴於ES6模塊 import / export 模塊系統的靜態結構(static structure)來檢測哪個模塊沒有被使用,由於,import 和 export 不會在運行時改變。說的再直白一點就是Tree shaking 從模塊包中排除未使用的 exports 項。html
webpack 2 內置引入的 Tree-shaking 代碼優化技術。要使用webpack2的tree-shaking,前提條件就是使用ES6的module,這是核心根本。因此意味着全部的代碼要基於ES6的module來寫。建議重新項目入手,代價較小。webpack