webpack优化之tree-shaking
乔文飞 Lv8
2020-12-21 13:57:47

tree-shaking

  • 静态分析，不是动态分析
  • 代码不会被执行到，就不会打包到bound.js
  • 必须使用ES6的语法(import、export)才支持tree-shaking，commonjs方式不支持
  • webpck默认支持，在.babelrc里面设置 modules: false即可，同时mode=production默认开启

tree-shaking原理

  • 只能作为模块顶层的语句出现
  • import的模块只能是字符串常量 export function() {}
  • import binding 是 immutable 的

代码擦除: uglify阶段删除无用代码

  • 本文标题：webpack优化之tree-shaking
  • 本文作者：乔文飞
  • 创建时间：2020-12-21 13:57:47
  • 本文链接：http://www.feidom.com/2020/12/21/webpack优化之TreeShaking/
  • 版权声明：本博客所有文章为作者学习笔记，有转载其他前端大佬的文章。转载时请注明出处。