TypeScript Academy · Oppitunti

Project References (johdanto)

Jakakaa koodi useisiin tsconfig-projekteihin ja viitatkaa niihin nopeampien inkrementaalisten koontien saavuttamiseksi.

Oppitunti 3/38 vaihetta

Project References (johdanto) on ilmainen TypeScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/3. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu TypeScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. TypeScript Academy-kurssilla on yhteensä 3 oppituntia.

Johdanto

Tavoite: Tutustukaa Project References -ominaisuuteen. Se yhdistää useita tsconfig-projekteja ja parantaa koontinopeutta sekä projektin jäsentelyä.

Juurimääritys

Lisätkää juureen references-taulukko. Kukin polku osoittaa toisen tsconfig-projektin sisältävään kansioon.

// tsconfig.json (root)
{
  "files": [],
  "references": [
    { "path": "./core" },
    { "path": "./web" }
  ]
}

Composite-projekti

Jokaisen viitatun projektin on otettava composite käyttöön. Tällöin TypeScript voi tuottaa riippuvuuksien seurantaan tarvittavat metatiedot.

// core/tsconfig.json
{
  "compilerOptions": {
    "composite": true,
    "outDir": "../dist/core"
  },
  "include": ["src"]
}

Viittaaminen toiseen projektiin

web-projekti viittaa core-projektiin. tsc kääntää ensin coren ja sitten webin sekä käyttää tuotoksia uudelleen.

// web/tsconfig.json
{
  "compilerOptions": {
    "composite": true,
    "outDir": "../dist/web"
  },
  "references": [
    { "path": "../core" }
  ]
}

Koontikomento

Kääntäkää kaikki viitatut projektit komennolla tsc --build tai -b. Inkrementaaliset koonnit ovat paljon nopeampia.

// Build all projects
npx tsc --build

// Incremental rebuild when only core changes
npx tsc --build core

IDE-tuki

VS Code ymmärtää Project References -ominaisuuden: projektien välillä siirtyminen, virheiden yhdenmukainen näyttäminen ja määritystulosten uudelleenkäyttö toimivat suoraan.

Hyötyjen tarkistus

Pikatarkistus: Mikä on Project References -ominaisuuden tärkein hyöty?

Vastaa interaktiivisessa oppitunnissa

Kertaus

Kertaus: Project References jakaa koodin aliproj ekteihin, joissa käytetään composite-määrityksiä. Ne parantavat suurten repositorioiden koontinopeutta ja jäsentelyä.

Aloita maksutta

Opi TypeScript tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 101
Oppitunnit: 352

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Project References (johdanto)” ilmainen?

Kyllä – oppitunnin ”Project References (johdanto)” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko TypeScript Academy-kurssin, päivitä CoddyKit PROhon. TypeScript Academy-kurssilla on yhteensä 3 oppituntia.

Mitä opin oppitunnilla ”Project References (johdanto)”?

Jakakaa koodi useisiin tsconfig-projekteihin ja viitatkaa niihin nopeampien inkrementaalisten koontien saavuttamiseksi. Harjoittelet TypeScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni TypeScript Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin TypeScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 3/3.

Kuinka kauan ”Project References (johdanto)”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä TypeScript Academy-oppitunnilla?

Kyllä. Jokainen TypeScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

← Takaisin: TypeScript Academy