首页 > 试题广场 >

讲一下代码分割与 Tree Shaking：原理、命名空间污

[问答题]
讲一下代码分割与 Tree Shaking：原理、命名空间污染与副作用标注。
查看答案及解析
添加回答
秋水夏树头像 秋水夏树
代码分割： - 使用动态导入 import() 语法，构建工具会自动将其拆分成独立的 chunk，运行时按需动态加载 Tree-Shaking： - 源代码转成 AST 抽象语法树，根据 export 和 import 遍历 AST 构建模块依赖图，使用到的模块被标记，未使用的不被标记，在打包时将其删掉。 副作用：防止使用到的代码被错误删除
发表于 2025-09-16 12:13:16 回复(0)
WangYibo头像 WangYibo
代码分割是动态导入(import())实现按需加载，优化首屏速度； TreeShaking利用ES Module的静态分析拆除未使用的的代码，优化打包体积； 而正确的副作用标注（sideEffects:false)，和避免命名空间污染 是保证Tree Shaking高效工作的关键前提
发表于 2026-01-14 17:32:48 回复(0)
牛客41767380号头像 牛客41767380号
代码分割：import()语法按需导入 Tree Shaking：基于ES Module静态分析移除未使用的代码 副作用标注：防止需要使用的代码被移除 命名变量污染：全局变量使分析失效，打包器无法确定引用关系不会移除代码
发表于 2026-01-10 15:19:14 回复(0)
提交观点

问题信息

来自：前端开发-牛客面经八股
难度：
3条回答 276浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号