Tree-shaking

Tree-shaking 字面意思就是 搖晃樹, 其實就是去除那些引用的但卻沒有使用的代碼。
Tree-shaking 概念最先由 Rollup.js 提出,後來在 webpack2 中被引入進來,可是這個這一特性可以被支持得益於 ES6 modules 的靜態特性。ES6 的模塊聲明相比於傳統 CommonJS 的同步 require 有着本質區別。這種 modules 設計保證了依賴關係是提早肯定的,使得靜態分析成爲了可能,與運行時無關。
而且 webpack 中並無直接對 tree shaking 的配置,須要藉助 uglifyjs-webpack-plugin
「modules」: false 的含義是關閉 Babel 的模塊轉換功能,保留本來的 ES6 模塊化語法。webpack

本站公眾號
   歡迎關注本站公眾號,獲取更多信息