Importations et exportations réservées aux types

Bienvenue

Pourquoi les types uniquement sont importants

import { User } from './models'; // includes runtime binding
import type { User } from './models'; // compile-time only, erased

Syntaxe de import type

import type { ApiResponse } from './api-types';

function handleResponse(res: ApiResponse<User>): void {
  // ApiResponse used as type annotation only
}

Syntaxe de export type

// user.types.ts
export type UserId = string;
export type { User, UserRole };

Importation de type inline

import { type User, createUser } from './user';
// User is type-only, createUser is a runtime value

Résolution des dépendances circulaires

verbatimModuleSyntax

// tsconfig.json
{ "compilerOptions": { "verbatimModuleSyntax": true } }

importsNotUsedAsValues

Avantages pour les empaqueteurs

Réexportations réservées aux types

// public-api.ts
export type { User, UserRole } from './internal-user';
export { createUser } from './internal-user'; // runtime

Erreur : impossible d’utiliser import type comme valeur

import type { User } from './user';
// const u = new User(); // Error — User was imported as type-only

Vérification rapide

Récapitulatif