Kas kasutate endiselt Reacti projekti seadistamiseks rakendust create-react-app? Parema jõudluse ja kiirema arenduskiiruse saavutamiseks lülituge Vite'ile.

Uue Reacti projekti käivitamisel pöörduvad paljud arendajad loo-reageeri rakendus nende käsutööriistana projekti seadistamiseks ja konfigureerimiseks. Vite on aga parem alternatiiv. See pakub kiiremat arendusaega ja paremat jõudlust.

Mis on Vite?

Vite on ehitustööriist ja arendusserver, mis on loodud kaasaegsete veebirakenduste arendusprotsessi täiustamiseks. See teeb seda, jagades teie rakenduse moodulid sõltuvusteks ja lähtekoodiks. Sõltuvused on moodulid, mida sageli ei muudeta, samas kui lähtekoodi muudetakse arenduse käigus tavaliselt sageli.

Vite kasutab ehitama, Go-põhine komplekteerija, mis on oluliselt kiirem kui traditsioonilised JavaScripti-põhised komplekteerijad, et kiirendada lähtekoodi koostamisprotsessi. Samuti koondab see eelnevalt teie rakenduse sõltuvused ja teenindab lähtekoodi üle natiivse ESM-i, võimaldab brauseritel optimeerida moodulite laadimist tõhusamaks ja kiiremaks rakenduseks esitus. Kui on aeg rakendust tootmisse juurutada, on Vite'il sisseehitatud ehituskäsk, mis optimeerib teie rakenduse automaatselt juurutamiseks, tagades teie rakenduse tõrgeteta töötamise.

instagram viewer

Vite projekti loomine

Enne Vite projekti loomist pange tähele, et Vite vajab Node.js versiooni 14.18+ või 16+. Nendest artiklitest saate lugeda Node'i installimiseks oma Windowsi või Ubuntu masinasse.

  • Kuidas installige Node.js Windowsi.
  • Õppige kuidas installida Ubuntusse Npm ja Node.js

Looge Vite projekt, käivitades selle käsu terminalis.

npm loo vite@latest

Kui käsk hakkab täitma, küsitakse teilt projekti nime. Tippige oma projekti nimi ja klõpsake sisestusklahvi.

Järgmisena palub Vite teil valida raamistik. Valige Reageeri.

Vite palub teil valida ka variandi. Valige JavaScript.

Kui Vite lõpetab projekti tellingute loomise, navigeerige loodud kataloogis ja installige sõltuvused npm kaudu.

npm installimine

Projekti käivitamiseks kasutage seda käsku:

npm käivita dev

See peaks olema koduleht.

Saate alustada oma projekti redigeerimist ja teie muudatused kajastuvad brauseris.

Kiireks arengukiiruseks kasutage Vitet

CRA (create-react-app) on tavaliselt vaiketööriist Reacti rakenduse projektistruktuuri ja konfiguratsiooni seadistamiseks. See on mugav, kuna kõik on teie jaoks seadistatud, kuid selle koostamine ja uuesti laadimine võib arenduse ajal olla aeglane.

Vite seevastu kasutab brauseris natiivseid ES-mooduleid, et pakkuda kiiremat ehitusaega. Kui te ei soovi Vitet kasutada, võite valida Reacti metaraamistiku, nagu Next.js, kuna see on samuti loodud suure jõudlusega.