package.json — įrankiai ateina

Kodo stulpelyje — package.json. Tai — pirmas įrankių failas visame kurse. Iki šiol turėjom tik .html, .css ir .js, servuojamus statiškai. Dabar reikia Node ir npm, kad įsidiegtume TypeScript ir Vite.

npm install        # perskaito package.json, atsisiunčia typescript + vite
npm run dev        # Vite dev serveris (pakeičia python -m http.server)

scripts — komandų sąrašas:

• dev — vite: dev serveris su karštu perkrovimu (HMR). Vite „ant skrydžio" verčia .ts į .js.
• typecheck — tsc --noEmit: paleidžia tik tipų tikrinimą, nieko negeneruoja. Tai komanda, kuri parodys mūsų dvi klaidas.
• build — tsc --noEmit && vite build: pirma patikrina tipus, tada surenka produkcijai. && reiškia — jei tipai klysta, build nutrūksta (į produkciją klaida nepateks).

Dvi devDependencies — typescript ir vite. devDependencies (ne dependencies), nes tai kūrimo įrankiai: galutinei programai naršyklėje jų nereikia — jie tik paverčia tavo .ts į .js.

Patarimas. Atkreipk dėmesį į "type": "module". Tai pasako Node, kad import/export čia — ES moduliai (kaip visą kursą), ne senasis require. Tas pats modulių modelis, kurį naudojam nuo 1 pamokos — tik dabar per įrankius.