PricingLoginStart free
TypeScript Academy · Lektion

Geneksporteringer og barrel-filer

Opret index-filer for at forenkle importstier

Lektion 2 af 413 trin

Geneksporteringer og barrel-filer er en gratis TypeScript Academy-lektion på CoddyKit. Dette er lektion 2 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i TypeScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. TypeScript Academy-kurset indeholder 4 lektioner i alt.

Velkommen

Samlingsfiler (index.ts) samler og videreeksporterer modulindhold og opretter en enkel offentlig API for en mappe, så brugere får renere importstier.

Hvad er en samlingsfil

En samlingsfil er en index.ts, der videreeksporterer alt fra den samme mappe. Brugere importerer fra mappen i stedet for fra individuelle filer.
// src/models/index.ts (barrel)
export { User } from './user';
export { Product } from './product';
export { Order } from './order';

Brug af samlingsfilen

Importér fra samlingsfilen i stedet for fra individuelle filer for at få renere stier.
// Before barrel:
import { User } from '../models/user';
import { Product } from '../models/product';

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

Videreeksport med jokertegnet export *

Videreeksportér alle navngivne eksporter fra et modul med `export *`.
// index.ts
export * from './utils';
export * from './helpers';
export * from './validators';

Omdøbning under videreeksport

Du kan omdøbe eksporter, mens du videreeksporterer dem.
export { default as MyButton } from './Button';
export { Button as Btn } from './Button';

Videreeksporter kun typer

Videreeksportér typer uden påvirkning af kørselstiden.
export type { User, UserRole } from './user.types';

Samlingsfil til et funktionsmodul

Funktionsmapper i store apps har ofte en samlingsfil, der kun eksponerer den offentlige overflade.
// features/auth/index.ts
export { AuthProvider } from './AuthProvider';
export { useAuth } from './useAuth';
export type { AuthUser } from './types';

Risiko for cirkulære afhængigheder

Samlingsfiler kan introducere cirkulære afhængigheder, hvis filer i den samme samlingsfil indirekte importerer fra hinanden via index-filen. Vær opmærksom på dette.

Træbeskæring og samlingsfiler

Moderne pakkeværktøjer (Webpack, Rollup, Vite) udfører tree-shaking af videreeksporter fra samlingsfiler. Kun de eksporter, der faktisk bruges, medtages i pakken.

Dybe og flade samlingsfiler

Indlejr samlingsfiler: Hver undermappe har sin egen index.ts, og den overordnede samlingsfil videreeksporterer fra undermappernes samlingsfiler.
// src/index.ts
export * from './models';
export * from './services';
export * from './utils';

Samlingsfiler og TypeScript-ydeevne

Dybt indlejrede samlingsfiler kan gøre TypeScript-kompilering langsommere. I store projekter kan du overveje at flade strukturen ud eller bruge sti-aliaser i stedet.

Hurtigt tjek

Hvad er den største fordel ved at bruge en samlingsfil (index.ts)?
Besvar den i den interaktive lektion

Opsummering

Samlingsfiler (index.ts) videreeksporterer fra en mappe og opretter rene importstier. Brug `export *` til massevidereeksport, `export type` til kun typer, og vær opmærksom på risikoen for cirkulære afhængigheder i store projekter.
Gratis at komme i gang

Lær TypeScript med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser
101
Lektioner
352
Start gratisSe hele kurset

Ofte stillede spørgsmål

Er lektionen “Geneksporteringer og barrel-filer” gratis?

Ja — hele teksten til “Geneksporteringer og barrel-filer” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af TypeScript Academy-kurset, skal du opgradere til CoddyKit PRO. TypeScript Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Geneksporteringer og barrel-filer”?

Opret index-filer for at forenkle importstier Du øver dig i TypeScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på TypeScript Academy?

Der kræves ingen tidligere erfaring. TypeScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 2 af 4.

Hvor lang tid tager lektionen “Geneksporteringer og barrel-filer”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne TypeScript Academy-lektion?

Ja. Alle TypeScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

  1. ES-modulsyntaks: import og export
  2. Geneksporteringer og barrel-filer
  3. Imports og eksporter, der kun indeholder typer
  4. Namespaces eller moduler: Moderne brug
← Tilbage til TypeScript Academy