Tādi lasītāji kā jūs palīdz atbalstīt MUO. Veicot pirkumu, izmantojot saites mūsu vietnē, mēs varam nopelnīt filiāles komisiju. Lasīt vairāk.

Vite v4.0.4 tika izlaists 2023. gada 3. janvārī un uzlabo Vite izstrādes vides funkcionalitāti, un tas ir pieejams tikai piecus mēnešus pēc Vite 3. Jaunajā versijā ir iekļautas jaunas funkcijas un atjauninājumi, kas padarīs JavaScript izstrādes pieredzi ātrāku un spēcīgāku nekā iepriekš.

Šeit mēs apspriedīsim, kas ir Vite, svarīgākās funkcijas un atjauninājumus, kas atrodami Vite 4.

Kas iI Vite?

Pats vārds "vite" nozīmē "ātrs". Tas ir priekšgala veidošanas rīks un izstrādes serveris, kas ir izstrādāts, lai nodrošinātu ātrāku, vieglu un vienkāršu izstrādes pieredzi. Tas kalpo jūsu kodam izstrādes laikā, apvieno jūsu failus ražošanai un ļauj viegli integrēt dažādus JavaScript ietvari un bibliotēkas, piemēram, Vue, React, Preact un Svelte.

Vite pēdējo divu gadu laikā ir veikti daudzi uzlabojumi, un Vite 4 piedāvā vairākas jaunas un uzlabotas funkcijas.

1. 3. apkopojums

instagram viewer

Saritināt ir JavaScript moduļu komplektētājs, kas ļauj izstrādātājiem grupēt dažādus JavaScript moduļi vienā failā. Tas savukārt uzlabo lietojumprogrammas veiktspēju, samazinot to pieprasījumu skaitu, kas pārlūkprogrammai jāveic, lai ielādētu kodu.

Tagad Vite izveides laikā izmanto apkopojumu 3. Vites 3. versijā tika izmantots Rollup 2, taču pēc 3. apkopojuma izlaišanas 2022. gada oktobrī jaunajā Vites versijā tika veikts būtisks Rollup 3 jauninājums.

Pirms jaunināšanas uz 3. apkopojumu, skatiet apkopojuma migrācijas rokasgrāmatu, jo var rasties problēmas, lai gan 3. apkopojums lielākoties ir saderīgs ar 2. apkopojumu.

2. Jauns React spraudnis, izmantojot Speedy Web Compiler (SWC)

SWC ir īpaši ātrs JavaScript kompilators, kas rakstīts Rust valodā. SWC un Bābele abi ir JavaScript kompilatori, kas pārveido jūsu kodu uz to, ko atbalsta pārlūkprogrammas, taču SWC ir apgalvojis, ka ir ātrāks nekā Babel.

Tā kā Vite v3 izmantoja Babel, v4 nāk ar SWC ieviešanu kā aizstājēju vai alternatīvu, īpaši React projektiem.

Kamēr Vite turpina atbalstīt Babel, Vite 4 ievieš divus spraudņus (vitejs/plugin-react un vitejs/plugin-react-swc) ar dažādiem React projektu kompromisiem.

Vitejs/plugin-react spraudnis

Šis spraudnis nodrošina ātru Hot Module nomaiņu, vienlaikus izmantojot minimālu pakotnes izmēru, izmantojot esbuild un Babel. Tas piedāvā arī papildu elastību, jo var izmantot Babel transformācijas cauruļvadu.

Karstā moduļa nomaiņa nodrošina tauku atsvaidzināšanu. Tas ļauj izstrādātājiem atjaunināt moduļus darbojošā lietojumprogrammā, neatsvaidzinot visu lapu. Izpildiet tālāk sniegto demonstrāciju, lai instalētu spraudni savā projektā.

npm instalēt @vitejs/plugin-react

Izpildiet tālāk norādīto kodu, lai importētu spraudni savā projektā;

imports {defineConfig} no'vite'
imports reaģēt no'@vitejs/plugin-react'
eksportētnoklusējuma defineConfig({
spraudņi: [reaģēt ()],
})

vitejs/plugin-react-swc spraudnis

Šis ir jauns spraudnis, kas izveides laikā izmanto esbuild un izstrādes laikā Speed ​​Web Compiler.

Aizstājot Babel ar SWC, spraudņa mērķis ir ievērojami paātrināt izstrādes procesu, jo īpaši projektiem, kuriem nav nepieciešami nestandarta React paplašinājumi.

Lūk, kā instalēt spraudni;

npm i @vitejs/plugin-react-swc

Importējiet to savā projektā šādi;

imports {defineConfig} no"vite";
imports reaģēt no"@vitejs/plugin-react-swc";
eksportētnoklusējuma defineConfig({
spraudņi: [reaģēt ()],
});

3. CSS importēšana kā virkne

Šī funkcija sniedz risinājumu Vite 3 CSS dubultās ielādes darbībai, kas rodas, importējot CSS faila noklusējuma eksportu, piemēram:

imports cssString no'./global.css

Lai novērstu šo uzvedību, Vite 4 ievieš ?inline vaicājuma sufiksa modifikatoru. Šeit ir sintakses demonstrācija;

imports cssString no'./global.css? rindā'

Tāpēc v3 CSS noklusējuma eksportēšana ir novecojusi.

4. Vides mainīgie

Vite atjaunināja savas atkarības no dotenv un dotenv-expand. Jaunās izmantotās versijas ir attiecīgi dotenv 16 un dotenv-expand 9. Lai nodrošinātu pareizu funkcionalitāti, šim atjauninājumam būs jāietver vērtības, kurās pēdiņās ir iekļautas rakstzīmes "#" vai "`". Šeit ir piemērs;

SECRET_HASH="kaut kas-ar-a-#-hash"

Lai atvieglotu ENV failu atjaunināšanas procesu, Vite ir ieteikusi izmantot dotenv komandrindas saskarni. Šis ir izvēles spraudnis, kas var palīdzēt nodrošināt, ka ENV faili ir konsekventi dažādās iekārtās, vidēs vai komandas locekļiem. Tas var palīdzēt padarīt ENV failu atjaunināšanas procesu mazāk nogurdinošu.

Citi jauninājumi, labojumi un migrēšana uz Vite v4.0.4

Vite ir pievienojis vairāk komandrindas interfeisa saīsnes. Lai skatītu visu īsceļu sarakstu, nospiediet h izstrādes laikā.

Arī mūsdienu pārlūkprogrammas versija pēc noklusējuma ir paredzēta safari14, lai nodrošinātu plašāku saderību ar ES2020. Ir pieejams ielāpu pakotnes atbalsts, veicot atkarību iepriekšēju komplektēšanu, ir uzlaboti kļūdu ziņojumi SSR laikā un daudz kas cits.