Ar vis dar naudojate „create-react-app“, kad nustatytumėte „React“ projektą? Perjunkite į Vite, kad pagerintumėte našumą ir greitesnį kūrimo greitį.

Pradėdami naują „React“ projektą, kreipiasi daugelis kūrėjų kurti-reaguoti-programėlę kaip įrankį projekto sąrankai ir konfigūravimui. Tačiau Vite yra geresnė alternatyva. Jis siūlo greitesnį kūrimo laiką ir geresnį našumą.

Kas yra Vite?

Vite yra kūrimo įrankis ir kūrimo serveris, skirtas pagerinti šiuolaikinių žiniatinklio programų kūrimo procesą. Tai daroma suskirstant programos modulius į priklausomybes ir šaltinio kodą. Priklausomybės yra moduliai, kurie dažnai nesikeičia, o šaltinio kodas paprastai dažnai redaguojamas kūrimo metu.

Vite naudoja statyti, „Go“ pagrindu sukurtas rinktuvas, kuris yra žymiai greitesnis už tradicinius „JavaScript“ pagrindu veikiančius rinktuvus, kad paspartintų šaltinio kodo kūrimo procesą. Ji taip pat iš anksto susieja jūsų programos priklausomybes ir aptarnauja šaltinio kodą per savąjį ESM, leidžia naršyklėms optimizuoti modulių įkėlimą, kad būtų galima efektyviau ir greičiau pritaikyti spektaklis. Kai ateina laikas įdiegti programą gamybinėje versijoje, „Vite“ turi integruotą kūrimo komandą, kuri automatiškai optimizuoja jūsų programą, kad ji būtų įdiegta, užtikrinant, kad programa veiktų sklandžiai.

instagram viewer

Vite projekto kūrimas

Prieš kurdami Vite projektą, atminkite, kad Vite reikalinga Node.js 14.18+ arba 16+ versija. Norėdami įdiegti „Node“ savo „Windows“ arba „Ubuntu“ įrenginyje, skaitykite šiuos straipsnius.

  • Kaip įdiegti Node.js sistemoje Windows.
  • Mokytis kaip įdiegti Npm ir Node.js Ubuntu

Sukurkite Vite projektą paleisdami šią komandą terminale.

npm sukurti vite@latest

Kai komanda pradės vykdyti, būsite paraginti įvesti projekto pavadinimą. Įveskite savo projekto pavadinimą ir spustelėkite įvesti.

Tada Vite paragins jus pasirinkti sistemą. Pasirinkite Reaguoti.

Vite taip pat paprašys pasirinkti variantą. Pasirinkite JavaScript.

Kai „Vite“ užbaigs projekto pastolius, naršykite jo sukurtą katalogą ir įdiekite priklausomybes naudodami npm.

npm diegimas

Norėdami paleisti projektą, naudokite šią komandą:

npm paleisti dev

Tai turėtų būti pagrindinis puslapis.

Galite pradėti redaguoti projektą ir jūsų pakeitimai atsispindės naršyklėje.

Greitam vystymuisi naudokite Vite

CRA (create-react-app) paprastai yra numatytasis įrankis, skirtas nustatyti projekto struktūrą ir konfigūraciją React programai. Tai patogu, nes viskas nustatyta už jus, tačiau kuriant ir įkeliama gali būti lėta.

Kita vertus, „Vite“ naršyklėje naudoja vietinius ES modulius, kad užtikrintų greitesnį kūrimo laiką. Jei nenorite naudoti „Vite“, galite pasirinkti „React“ metasistemą, pvz., „Next.js“, nes ji taip pat sukurta taip, kad būtų labai naši.