Re-Exports und Barrel-Dateien

Willkommen

Was ist eine Barrel-Datei?

// src/models/index.ts (barrel)
export { User } from './user';
export { Product } from './product';
export { Order } from './order';

Eine Barrel-Datei verwenden

// Before barrel:
import { User } from '../models/user';
import { Product } from '../models/product';

// After barrel:
import { User, Product } from '../models';

Wildcard-Re-Export mit export *

// index.ts
export * from './utils';
export * from './helpers';
export * from './validators';

Beim Re-Export umbenennen

export { default as MyButton } from './Button';
export { Button as Btn } from './Button';

Nur-Typ-Re-Exports

export type { User, UserRole } from './user.types';

Barrel-Datei für ein Feature-Modul

// features/auth/index.ts
export { AuthProvider } from './AuthProvider';
export { useAuth } from './useAuth';
export type { AuthUser } from './types';

Risiko zirkulärer Abhängigkeiten

Tree-Shaking und Barrel-Dateien

Tiefe und flache Barrel-Dateien

// src/index.ts
export * from './models';
export * from './services';
export * from './utils';

Barrel-Dateien und TypeScript-Performance

Kurztest

Zusammenfassung