“import * as”是否比具名导入效率更低？会影响打包树摇吗？

好问题！我来帮你理清这个疑惑——你完全不用担心import * as foo会降低效率，也不会阻止Rollup、Webpack这类打包器的摇树优化（Tree Shaking），前提是你的模块是标准的ES模块（ESM）格式，且打包器配置正确。

为什么不会影响Tree Shaking？ #

现代打包器（比如Rollup、Webpack 4+）对ESM的静态分析能力非常强：

• 不管你用import { f, g } from 'foo'还是import * as foo from 'foo'，打包器都会遍历你的代码，精准识别出你实际用到了模块里的哪些导出。
• 比如你示例里只用到了foo.f和foo.g，打包器会自动剔除模块中未被使用的导出（假设foo模块还有其他导出的话），最终打包后的代码里只会保留f和g的实现。

效率方面的顾虑？ #

• 打包阶段：命名空间导入的分析开销微乎其微，不会拖慢打包速度。
• 运行阶段：打包器会把命名空间对象拆解成实际用到的变量，不会在最终代码里保留一个完整的foo对象（除非你有动态操作整个对象的场景，比如Object.values(foo)），所以运行时也不会有额外性能负担。

注意事项 #

要确保Tree Shaking正常工作，有两个关键前提：

• 你的模块必须是ESM格式（即使用export/import语法，而非CommonJS的module.exports/require），因为CommonJS是动态的，打包器无法做静态分析。
• 避免对命名空间对象做动态操作，比如foo[someVariable]或者Object.keys(foo)，这种情况下打包器无法确定你用到了哪些导出，可能会保留整个模块的代码。

总结 #

你偏好使用import * as来避免命名冲突的做法非常合理，而且完全不会带来效率或打包体积上的损失，放心用就好！

内容的提问来源于stack exchange，提问作者sdgfsdh