如何在Deno项目中引入Definitely Typed库并通过Node兼容模式配置全局类型

有两种实用方式，按需选择：

• 局部文件引入：仅单个文件需要类型时，可在文件顶部添加类型引用指令，或通过import type仅引入类型：

  // 方式1：类型引用指令
  /// <reference types="npm:@types/xxx" />
  
  // 方式2：仅导入类型（不会引入实际库代码）
  import type { TargetType } from "npm:@types/xxx";
  

• 全局项目引入：要让类型在整个项目中全局可用，修改项目根目录的deno.json（或deno.jsonc）配置文件，在compilerOptions.types数组中添加目标类型包：

  {
    "compilerOptions": {
      "types": ["npm:@types/xxx"]
    }
  }
  

  配置完成后，所有项目文件都能直接使用该类型，无需每个文件单独引用。

针对你遇到的问题，按以下步骤配置即可满足「全局可用类型、不引入实际库代码」的需求：

1. 修改Deno配置文件：在deno.json中开启Node兼容模式，并配置全局类型：

   {
     "nodeModulesDir": true,
     "compilerOptions": {
       "types": ["npm:@types/three"],
       "skipLibCheck": true
     }
   }
   

   • nodeModulesDir：启用Node兼容模式的相关模块处理逻辑
   • types：添加npm:@types/three后，Three.js的类型会全局生效
   • skipLibCheck：跳过对实际库的类型检查（因为我们只需要类型定义，不需要引入three.js库）
2. 直接使用类型：配置完成后，无需在代码中引入three.js库，直接使用其类型即可：

   // 示例：直接使用Three.js的全局类型
   const camera: THREE.PerspectiveCamera = {} as THREE.PerspectiveCamera;
   

3. 移除单个文件的引用指令：全局配置生效后，之前添加的/// <reference types='npm:@types/three' />可直接移除，无需每个文件重复添加。

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