未被引用的导出模块是否会影响React/TS应用性能？

首先得把**TypeScript类型（接口、类型别名、类型声明）和可执行JavaScript代码（函数、组件、导出变量）**分开说，两者的影响完全不同：

1. 生产环境 #

• TS类型相关：TypeScript在编译成JavaScript时，所有纯类型代码会被完全剔除，不会出现在最终的生产包中。所以不管有多少未被引用的接口、类型，都不会影响生产包的大小，也不会对运行时性能造成任何影响。
• 可执行JS代码：如果你的打包工具（Webpack、Vite等）开启了tree-shaking（现在主流工具默认都开），未被任何地方引用的导出函数、组件等会被打包工具识别并移除，不会进入生产包，自然也不会影响加载或运行性能。但如果这些未被引用的代码带有副作用（比如导入时自动执行的代码、修改全局变量等），或者打包配置有问题导致tree-shaking失效，这些代码会被打包进去，增加包体积——这会间接影响页面加载速度（下载时间变长），但运行时不会执行这些未被引用的代码，所以不会拖慢运行性能。

2. 开发环境 #

• 虽然不会影响应用运行时的性能，但会减慢开发构建和热更新的速度：TypeScript编译器需要解析所有文件的类型，额外的未引用代码会增加类型检查的时间；打包工具也需要遍历更多文件，处理这些未被引用的导出，导致开发时的构建周期变长，影响开发效率。

总结 #

除了开发环境下的构建速度会受轻微影响外，只要打包配置正常，未被引用的导出内容几乎不会对生产环境的应用性能造成实质影响。不过既然已经意识到这是不良实践，清理这些冗余代码还是很有必要的——不仅能提升开发体验，还能避免未来可能出现的打包配置问题导致的包体积膨胀。

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