如何让TypeScript编译器忽略指定Node import不输出到编译后JS文件

方案1：使用纯类型导入（修改现有导入语句，最快适配） #

TypeScript 3.8及以上版本支持import type语法，专门用来导入仅用于类型检查的内容，编译后会自动完全删除该导入语句，不会出现在输出的JS文件中。
把你现有TS文件中的导入语句替换为以下内容即可：

import type axios from '@node/axios';

这个方案改动最小，适配现有代码逻辑，类型检查、智能补全效果和原有导入完全一致。

方案2：配置全局类型声明（一劳永逸，无需重复写导入） #

因为你的axios已经作为全局变量挂载到了运行环境中，你可以直接配置全局类型声明，所有TS文件无需写任何导入语句就能获得axios的类型提示：

1. 在你的src/js目录下新建名为global.d.ts的类型声明文件
2. 在文件中写入以下内容：

// 导入axios的类型定义
import type AxiosStatic from 'axios';

// 声明全局作用域下的axios类型
declare global {
  // 直接声明全局变量axios的类型
  const axios: AxiosStatic;
  // 可选：挂载到Window接口上，方便通过window.axios调用时也有类型提示
  interface Window {
    axios: AxiosStatic;
  }
}

// 导出空对象，让TS识别该文件为模块，避免全局声明冲突
export {};

3. 检查你的tsconfig.json配置，确保include数组包含了该声明文件，示例配置：

{
  "compilerOptions": {
    // 你的其他配置保持不变
  },
  "include": ["src/js/**/*", "src/js/**/*.d.ts"]
}

配置完成后，你可以删除所有TS文件中的axios导入语句，既不会出现编译后残留导入的问题，也能正常获得全局axios的类型提示和智能补全。

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