在 TypeScript 中,我们可以使用 import type
来导入类型信息而不导入实际的代码。这可以确保在编译时不会生成额外的 JavaScript 代码。
下面是一个示例:
// types.ts
export type Person = {
name: string;
age: number;
};
// main.ts
import type { Person } from './types';
const person: Person = {
name: 'John',
age: 25,
};
console.log(person);
在上面的示例中,我们使用 import type
来导入 Person
类型,而不是导入整个 types.ts
模块。这意味着在编译时,不会生成 types.ts
中的任何 JavaScript 代码。
请注意,import type
只能用于导入类型信息,不能用于导入函数、类或变量等实际的代码。
这样做的好处是可以减小生成的 JavaScript 代码的大小,并提高编译速度。但需要注意的是,这样做可能会导致在运行时无法访问被导入的类型信息,因为它们不会被编译到最终的 JavaScript 代码中。