TS import type export type 的使用方法

7 min read

import type 是 TypeScript 3.8 版本新增的一个语法,它用于只导入类型定义,而不导入任何实际的值或者代码。这样做的好处是可以避免在运行时产生多余的代码或者副作用,提高性能和安全性。

import type 的用法很简单,就是在 import 关键字后面加上 type 关键字,然后指定要导入的类型定义和来源文件。例如:

// 导入 helper.ts 文件中定义的 AppState 和 Theme 类型
import type { AppState, Theme } from './helper'

相应地,如果你想只导出类型定义,而不导出任何值或者代码,你可以使用 export type 语法。例如:

// 定义一个 User 类型
type User = {
  name: string;
  age: number;
}

// 只导出 User 类型
export type { User }