Tree Shaking概念详解

Tree Shaking直译过来是“摇树”的意思,帮助我们“摇”掉无用的js代码,在webpack打包过程中会过滤掉我们没有使用或者没有引入的代码,webpack在生产环境中自动带有Tree Shaking,

在开发环境中可以这样配置Tree Shaking

删除未使用的导出和死代码

Tree Shaking概念详解_第1张图片

注意:TreeShaking只支持ES Module这种模块的引入,不支持require()这种commonJS的引入方式,这是因为ES module的import是静态引入,而commonJS的require()是动态引入

你可能感兴趣的:(Tree Shaking概念详解)