TypeScript中为何建议将require转为import？相关问题解析

• ES模块是官方标准方案：import/export是ECMAScript官方定义的模块系统，而require属于Node.js早期的CommonJS规范。TypeScript作为JavaScript的超集，优先推荐遵循官方标准的语法，这也是当前前端和Node.js社区的主流实践方向。

• 静态分析能力更强：import是静态语法，在编译阶段就能确定所有依赖关系。TypeScript的类型检查、未使用变量高亮、代码压缩时的树摇优化等功能，都依赖这种静态分析能力。而require是动态函数调用，TS无法在编译阶段完全解析它的行为，自然没法提供像import那样精准的代码提示和检查。

• 避免模块系统混乱：混合使用require和import会让文件的模块系统逻辑混乱，同时像webpack、Vite这类工具对纯ES模块的支持更完善，处理效率更高，也能减少跨模块系统的兼容问题。

• axios的特殊情况解释：你最初写的const axios = require('axios').default，因为axios的CommonJS导出把默认值挂在了.default属性上，TypeScript无法直接识别这个写法可以转换为import，所以没给出提示。但去掉.default后，require('axios')对应的就是ES模块的默认导出逻辑，TS就能识别出可以转为import axios from 'axios'的标准写法。

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