Käytätkö edelleen create-react-sovellusta React-projektin määrittämiseen? Vaihda Viteen parantaaksesi suorituskykyä ja nopeampaa kehitysnopeutta.

Uutta React-projektia aloittaessaan monet kehittäjät kääntyvät puoleen luo-reagoi-sovellus heidän komentotyökalukseen projektin määrittämiseen ja määritykseen. Vite on kuitenkin parempi vaihtoehto. Se tarjoaa nopeammat kehitysajat ja paremman suorituskyvyn.

Mikä on Vite?

Vite on rakennustyökalu ja kehityspalvelin, joka on suunniteltu parantamaan nykyaikaisten verkkosovellusten kehitysprosessia. Se tekee tämän jakamalla sovellusmoduulit riippuvuuksiin ja lähdekoodiin. Riippuvuudet ovat moduuleja, jotka eivät muutu usein, kun taas lähdekoodia muokataan yleensä usein kehitystyön aikana.

Vite käyttää rakentaa, Go-pohjainen niputtaja, joka on huomattavasti nopeampi kuin perinteiset JavaScript-pohjaiset niputtajat ja nopeuttaa lähdekoodin rakennusprosessia. Se myös esipaketti sovelluksesi riippuvuudet ja palvelee lähdekoodia alkuperäisen ESM: n kautta, joiden avulla selaimet voivat optimoida moduulien lataamisen tehokkaamman ja nopeamman sovelluksen saavuttamiseksi esitys. Kun on aika ottaa sovelluksesi käyttöön tuotantoon, Vitellä on sisäänrakennettu rakennuskomento, joka optimoi sovelluksesi automaattisesti käyttöönottoa varten ja varmistaa, että sovelluksesi toimii sujuvasti.

instagram viewer

Vite-projektin luominen

Ennen kuin luot Vite-projektin, huomaa, että Vite vaatii Node.js-version 14.18+ tai 16+. Voit katsoa näitä artikkeleita asentaaksesi Noden Windows- tai Ubuntu-koneellesi.

  • Miten asenna Node.js Windowsiin.
  • Oppia kuinka Npm ja Node.js asennetaan Ubuntuun

Luo Vite-projekti suorittamalla tämä komento terminaalissa.

npm luo vite@latest

Kun komento alkaa suorittaa, sinua pyydetään antamaan projektin nimi. Kirjoita projektisi nimi ja napsauta Enter.

Seuraavaksi Vite kehottaa sinua valitsemaan kehyksen. Valitse Reagoi.

Vite pyytää sinua myös valitsemaan muunnelman. Valitse JavaScript.

Kun Vite on saanut projektin valmiiksi, selaa sen luomassa hakemistossa ja asenna riippuvuudet npm: n kautta.

npm asennus

Suorita projekti käyttämällä tätä komentoa:

npm run dev

Tämän pitäisi olla kotisivu.

Voit aloittaa projektisi muokkaamisen ja muutokset näkyvät selaimessa.

Käytä Viteä nopeaan kehitysvauhtiin

CRA (create-react-app) on yleensä oletustyökalu React-sovelluksen projektirakenteen ja konfiguroinnin määrittämiseen. Se on kätevää, koska kaikki on määritetty puolestasi, mutta sen rakentaminen ja lataaminen voi olla hidasta kehityksen aikana.

Vite puolestaan ​​käyttää selaimessa natiivia ES-moduuleja nopeuttaakseen rakennusaikaa. Jos et halua käyttää Viteä, voit valita Reactin metakehyksen, kuten Next.js: n, koska se on myös suunniteltu erittäin suorituskykyiseksi.