首页 > 解决方案 > 如何在 typescript .d.ts 文件中模块化命名空间

问题描述

我有一个index.d.ts. 主命名空间包括两个同名的命名空间和接口。这是示例:

// index.d.ts
export = API
export as namespace API

declare namespace API {
  export const val1: any
  export func1(): void

  export namespace Query {}
  export interface Query {}

  export namespace Mutation {}
  export interface Mutation {}
}

此示例代码运行良好。我想模块化这个文件。尽管我尝试了很多方法,但我失败了。例如,

// index.d.ts
import { Query } from './query.d.ts'
import { Mutation } from './mutation.d.ts'
export = API
export as namespace API

declare namespace API {
  export const val1: any
  export func1(): void

  // pseudocode
  export Query
  export Mutation
}

// query.d.ts
export namespace Query {}
export interface Query {}

// mutation.d.
export namespace Mutation {}
export interface Mutation {}

请帮帮我T^T

标签: typescript

解决方案


index.d.ts应该:

import { Query as Query1 } from './query'
import { Mutation as Mutation1 } from './mutation'
export = API
export as namespace API

declare namespace API {
  export const val1: any
  export function func1(): void

  export import Query = Query1;
  export import Mutation = Mutation1;
}

您可以使用import X = Y语法为现有符号定义别名(它具有其所有含义:值、类型和/或命名空间),然后从namespace API. 棘手的部分是,在我的示例中,您必须最初导入QueryMutation使用备用名称Query1and Mutation1,以便您可以使用所需名称定义别名,QueryMutation不会遮蔽外部Queryand Mutation。(export import Query = Query将是一个循环定义;没有办法显式引用外部范围。)


推荐阅读