动态导入（import()）让tree shaking失效，因其路径和导出在运行时才确定，破坏静态分析前提；工具无法预知加载模块的内部导出及使用情况，只能整体打包，无法识别并移除未使用代码。
动态导入（import()）会让 Tree Shaking 失效，因为它破坏了静态分析的前提。
为什么动态导入无法被 Tree Shaking 处理
Tree Shaking 依赖 ES6 模块的静态结构——所有 import 和 export 关系必须在编译期就能确定。而 import('./utils.js') 这类写法是运行时才决定加载路径和内容的，打包工具无法提前知道：模块里导出了什么、哪些会被用到、甚至模块是否存在。
- 路径含变量或表达式（如
import(`./${name}.js`)）完全不可预测 - 即使路径是字符串字面量（如
import('./modal.js')），工具也只做“按需加载”处理，不分析其内部导出使用情况 - 整个模块会被当作一个黑盒整体打包，哪怕你只调用了其中一个小函数
它和静态 import 的关键区别
静态 import { debounce } from 'lodash-es' 能让构建工具精准定位到 debounce 函数并保留它、摇掉其他；而 const mod = await import('lodash-es'); mod.debounce 会把整个 lodash-es 打包进来，因为 mod 是一个运行时对象，属性访问无法静态推断。
Wjs Uploading Video
下载
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
- 静态 import → 编译期可分析 → 支持 Tree Shaking
- 动态 import → 运行时才解析 → 不支持 Tree Shaking，只支持代码分割（code splitting）
如何判断某处是否触发了动态导入干扰
检查构建产物中是否出现本应被摇掉的代码依然存在，尤其是：大型工具库整包出现、未使用的工具函数仍保留在 chunk 中、bundle 分析图里有明显“孤立但体积大”的模块节点。
- 用
webpack-bundle-analyzer查看 chunk 内容，搜索未使用函数名，若存在说明没被摇掉 - 在源码中临时注释掉动态 import，再构建对比体积变化——若体积显著下降，基本可确认是它导致 Tree Shaking 生效范围受限
- 注意：动态 import 本身不会报错或警告，失效是静默的
需要动态加载时的替代思路
如果目标是减小首屏体积，又想避免整包引入，优先考虑静态按需引入 + 构建时分包，而不是靠动态 import 来“绕过”Tree Shaking。
- 用具名静态 import 配合支持 ESM 的库（如
date-fns/format、lodash-es/debounce） - 对确实要延迟加载的模块，确保它本身是轻量、无副作用、且导出结构利于摇树（比如只导出必要函数，不用
export default {...}） - 避免在动态加载的模块里再做深层动态导入，否则嵌套层级会让分析更不可控
