如何配置VSCode，关闭loader.js时仍能识别全局导入依赖的IntelliSense？

方法1：添加全局类型声明文件 #

• 在项目根目录新建一个global.d.ts（后缀必须是.d.ts）的类型声明文件
• 根据你挂载到globalThis的依赖，在文件里声明对应全局变量的类型，示例如下：

  declare global {
    // 浏览器环境用Window接口，Node环境替换为Global接口
    interface Window {
      // 假设你把lodash挂载成了globalThis._
      _: typeof import('lodash');
      // 其他依赖按同样格式添加
    }
  }
  export {};
  

• 这个声明文件会被VSCode的语言服务自动加载，无需打开loader.js，就能识别全局变量的类型和代码提示。

方法2：配置项目的编译配置文件 #

如果你用TypeScript： #

• 修改tsconfig.json的include数组，把loader.js和声明文件都纳入范围：

  {
    "compilerOptions": {
      // 保留你的原有编译配置
    },
    "include": [
      "src/**/*",
      "loader.js",
      "global.d.ts"
    ]
  }
  

如果你用纯JavaScript： #

• 在项目根目录新建jsconfig.json，配置include包含loader.js：

  {
    "include": ["src/**/*", "loader.js"]
  }
  

• 配置后，VSCode会持续解析loader.js里的全局挂载逻辑，关闭文件也不影响IntelliSense。

方法3：用JSDoc注释增强纯JS项目的类型提示 #

• 在loader.js里给挂载到globalThis的变量添加JSDoc注释，明确类型：

  /**
   * @type {typeof import('axios')}
   */
  globalThis.axios = require('axios');
  

• 配合上面的jsconfig.json配置，VSCode就能基于注释识别变量类型，提供稳定的代码提示。

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