TypeScript自定义函数如何实现模块名自动补全？

这是特殊情况吗？ #

不是特殊情况，这是TypeScript对原生import()动态导入语法的内置支持。TS会自动识别import()的参数是合法的模块标识符，它会从项目中已安装的npm包类型定义、本地文件路径等来源收集所有可用的模块名称，从而提供补全提示——本质是TS对模块系统的原生类型推导能力。

自定义函数能否实现相同效果？ #

可以，核心是让自定义函数的参数类型和原生import()的参数类型保持一致。比如通过TS的类型工具复用原生import()的参数类型：

const my_import = async (module: Parameters<typeof import>[0]) => import(module);

这样调用my_import('')时，引号内输入内容就能获得和原生import()一致的模块名补全，因为参数类型继承了TS对模块标识符的识别规则。

其他实现模块名自动补全的方法 #

• 自定义模块联合类型：如果只需要特定模块的补全，可以手动定义包含目标模块名的联合类型，比如：

  type CommonModules = 'redis' | 'express' | './src/utils';
  const my_import = async (module: CommonModules) => import(module);
  

  输入时会直接列出指定的模块选项。
• 配置TS路径映射：针对本地模块，在tsconfig.json中配置baseUrl和paths后，TS会自动补全映射后的模块路径，简化导入时的路径输入。
• 编辑器层面增强：部分编辑器（如VS Code）支持通过代码片段插件自定义模块补全模板，不过这属于编辑器扩展能力，而非TS本身的特性。

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