1.什么是tree-shaking?

顾名思义,就是摇树,抖掉一些没用的代码;将一些不可能执行到的代码从文件中去除,达到缩小文件体积,优化加载速度的效果

2.webpack中为什么要用es6的模块方法import/export才能tree-shaking?

因为tree-shaking依赖于es6模块的静态分析,通过静态代码的分析就知道模块的依赖关系

3.什么是静态代码分析?

简单来说,就是不需要运行代码;所以es6的import/export只能作为模块顶层的语句出现,模块名称不可以有字符串拼接,不能出现在条件判断中。。。


jm365
48 声望4 粉丝

web前端开发一枚,以简单明了的方式记录技术方法