search

haizlin / fe-interview

前端面试每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上5点纯手工发布面试题（死磕自己，愉悦大家），6000+道前端面试题全面覆盖，HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……
http://www.h-camel.com
MIT License
25.53k stars 3.26k forks source link

[webpack] 第2014天 在webpack中，请说说Tree shaking的原理 #5980

Open haizhilin2013 opened 1 month ago

haizhilin2013 commented 1 month ago

第2014天 在webpack中，请说说Tree shaking的原理

3+1官网

我也要出题

surprisingwu commented 1 month ago

Tree Shaking的原理是因为ES Module的数据结构是静态的，import只能在顶部，export在底部，由于结构是固定的。那么在编译阶段就可以做很多事。比如在编译阶段可以对没有用到的模块打标记，优化阶段就可以删除无用的模块。