Вите в4.0.4 је објављен 3. јануара 2023. и побољшава функционалност Вите развојног окружења и долази само пет месеци након Вите 3. Нова верзија долази са новим функцијама и ажурирањима која ће учинити ЈаваСцрипт развојно искуство бржим и јачим него раније.
Овде ћемо разговарати о томе шта је Вите, значајним карактеристикама и ажурирањима која се налазе у Вите 4.
Шта ја Вите?
Сама реч "вите" значи "брзо". То је фронт-енд алат за прављење и развојни сервер који је дизајниран да обезбеди брже, лакше и једноставно развојно искуство. Он служи вашем коду током развоја, групише ваше датотеке за производњу и омогућава лаку интеграцију са различитим ЈаваСцрипт оквири и библиотеке, као што су Вуе, Реацт, Преацт и Свелте.
Вите је претрпео бројна побољшања у протекле две године, а Вите 4 доноси неколико нових и побољшаних функција.
1. Збирка 3
Заролати је пакет ЈаваСцрипт модула који омогућава програмерима да групишу различите
ЈаваСцрипт модули у једну датотеку. Ово заузврат побољшава перформансе апликације смањењем броја захтева које претраживач треба да уради да би учитао код.Вите сада користи Роллуп 3 током времена израде. Вите верзија 3 користила је Роллуп 2, али након објављивања Роллуп 3 у октобру 2022, нова верзија Вите-а је дошла са великом надоградњом на Роллуп 3.
Требало би да погледате водич за миграцију скупног пакета пре надоградње на збирни пакет 3, јер може доћи до проблема, иако је збирни пакет 3 углавном компатибилан са збирним пакетом 2.
2. Нови Реацт додатак који користи Спееди Веб Цомпилер (СВЦ)
СВЦ је супер-брз ЈаваСцрипт компајлер написан у Русту. СВЦ анд Бабел су оба ЈаваСцрипт компајлера који трансформишу ваш код у оно што подржавају претраживачи, али СВЦ тврди да је бржи од Бабел-а.
Пошто је Вите в3 користио Бабел, в4 долази са увођењем СВЦ-а као замене или алтернативе, посебно за Реацт пројекте.
Док Вите наставља да подржава Бабел, Вите 4 уводи два додатка (витејс/плугин-реацт и витејс/плугин-реацт-свц) са различитим компромисима за Реацт пројекте.
Додатак витејс/плугин-реацт
Овај додатак омогућава брзу замену Хот Модуле уз коришћење минималне величине пакета, користећи есбуилд и Бабел. Такође нуди додатну флексибилност могућности коришћења Бабеловог цевовода за трансформацију.
Врућа замена модула омогућава освежавање масти. Омогућава програмерима да ажурирају модуле у покренутој апликацији без потребе да освежавају целу страницу. Пратите демонстрацију у наставку да бисте инсталирали додатак у свој пројекат.
нпм инсталл @витејс/плугин-реацт
Пратите доњи код да бисте увезли додатак у свој пројекат;
увоз { дефинеЦонфиг } из'вите'
увоз реаговати из'@витејс/плугин-реацт'
извозУобичајено дефинеЦонфиг({
додаци: [реаговати()],
})
Додатак витејс/плугин-реацт-свц
Ово је нови додатак који користи есбуилд током изградње и Спеед Веб Цомпилер током развоја.
Заменом Бабел са СВЦ, додатак има за циљ да значајно убрза процес развоја, посебно за пројекте који не захтевају нестандардна Реацт проширења.
Ево како да инсталирате додатак;
нпм и @витејс/плугин-реацт-свц
Увезите га у свој пројекат на следећи начин;
увоз { дефинеЦонфиг } из"вите";
увоз реаговати из„@витејс/плугин-реацт-свц“;
извозУобичајено дефинеЦонфиг({
додаци: [реаговати()],
});
3. Увоз ЦСС-а као стринга
Ова функција даје решење за понашање двоструког учитавања Вите 3 ЦСС-а које се јавља увозом подразумеваног извоза ЦСС датотеке, нпр.:
увоз цссСтринг из'./глобал.цсс
Да би спречио ово понашање, Вите 4 уводи употребу ?инлине модификатора суфикса упита. Ево демонстрације синтаксе;
увоз цссСтринг из'./глобал.цсс? у реду'
В3 ЦСС подразумевани извоз је стога застарео.
4. Променљиве окружења
Вите је ажурирао своје зависности од дотенв и дотенв-екпанд. Нове верзије које се користе су дотенв 16 и дотенв-екпанд 9, респективно. Ово ажурирање ће захтевати да умотате вредности које укључују знакове „#“ или „`“ у наводнике да бисте обезбедили исправну функционалност. Ево примера;
СЕЦРЕТ_ХАСХ="нешто-са-а-#-хеш"
Да би олакшао процес ажурирања ЕНВ датотека, Вите је препоручио употребу интерфејса командне линије дотенв. Ово је опциони додатак који може помоћи да се осигура да су ЕНВ датотеке конзистентне на различитим машинама, окружењима или члановима тима. То може помоћи да процес ажурирања ЕНВ датотека буде мање заморан.
Остале надоградње, поправке и миграција на Вите в4.0.4
Вите је додао више пречица за интерфејс командне линије. Да видите листу свих пречица, притисните х током развоја.
Модерна верзија претраживача такође сада подразумевано циља на сафари14 за ширу ЕС2020 компатибилност. Постоји подршка за пакет закрпа приликом претходног груписања зависности, побољшане су поруке о грешци током ССР-а и још много тога.