14、TypeScript 模块声明与 IDE 功能全解析

TypeScript 模块声明与 IDE 功能全解析

1. 模块声明

声明文件的一个重要特性是能够描述模块的结构。使用 declare 关键字可以告知类型系统模块的内容。

例如，在 modules.d.ts 声明脚本文件中声明 my-example-lib 模块：

// modules.d.ts
declare module "my-example-lib" {
    export const value: string;
}

在 index.ts 文件中使用该模块：

// index.ts
import { value } from "my-example-lib";

console.log(value); // Ok

通常，在自己的代码中不需要经常使用 declare module ，它主要用于通配符模块声明和包类型。

1.1 通配符模块声明

通配符模块声明常用于告知 Web 应用可以导入特定非 JavaScript/TypeScript 文件扩展名的文件。模块声明可以包含单个 * 通配符，表示任何匹配该模式的模块结构相同。

例如，许多 Web 项目支持 CSS 模块，可将 CSS 文件中的样式作为对