devnews.pl

Main Menu

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania

logo

devnews.pl

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania
FrontendNarzędzia
Home›Frontend›Vite 2.0 wydane z nowymi wtyczkami

Vite 2.0 wydane z nowymi wtyczkami

By Bernadeta Zapała
3 marca 2021
97
0
Share:

W połowie lutego pojawiło się oficjalne wydanie Vite 2.0. Jest to narzędzie pomagające w budowaniu frontendu stron internetowych. Korzysta z natywnej obsługi modułów ES przeglądarki. Z kolei narzędzia napisane w językach kompilowanych do rodzimych dają programistom szybsze i nowocześniejsze środowisko programistyczne. Vite koncentruje się na prędkości kompilacji oraz krótkich pętlach sprzężenia zwrotnego. Wydanie 2.0 ma nowy format wtyczek i ulepszone programistyczne API.

Nowe wtyczki w Vite 2.0

Przede wszystkim rozszerzono interfejs wtyczek Rollup, dzięki czemu nowy system jest kompatybilny z istniejącymi już wtyczkami Rollup. Wtyczki Rollup zawierają hooki generowania danych wyjściowych oraz zestaw odpowiednich właściwości do budowania hooków. Co ważne, wtyczki dostosowują zachowanie do Vite, np. w przypadku niestandardowej obsługi HMR.

Wprowadzono także wtyczki dostępne dla Vue, React, Preact oraz LitElement. Dzięki nim narzędzie staje się bardziej niezależne od frameworków. Ponadto obecnie trwają prace nad wprowadzeniem wtyczki dla Svelte.

W Vite 2.0 poprawiono także programistyczne API, dzięki czemu łatwiej można korzystać z narzędzi lub frameworków wyższego poziomu.

Wsparcie SSR i CSS

W nowym wydaniu twórcy dodali eksperymentalną obsługę renderowania po stronie serwera (SSR). Dzięki interfejsom API użytkownicy otrzymują wydajniejsze ładowanie i aktualizowanie kodu źródłowego opartego na ESM w Node.js. Vite automatycznie przekształca zależności, które są kompatybilne z CommonJS. Pozwala to na szybsze programowanie oraz kompilację SSR.

Vite zapewnia także pierwszorzędne wsparcie dla CSS. Po wypakowaniu obsługuje m.in. zmianę bazy adresów URL (automatyczna zmiana ścieżki url () ) czy dzielenie kodu CSS. W tym przypadku fragment JS podzielony na kod emituje odpowiedni plik CSS, automatycznie ładowany na żądanie z fragmentem JS. Ostatnim elementem jest poprawa mechanizmu rozpoznawania nazw. Uwzględnia on teraz aliasy i zależności npm.

Szybsze wstępne pakowanie z Vite 2.0

Vite jest natywnym serwerem deweloperskim ESM. We wcześniejszych wydaniach zmniejszał liczbę żądań przeglądarki przez wstępne pakowanie zależności przy pomocy Rollup. Nowe wydanie zapewnia nawet 10-100 razy szybsze pakietowanie wstępne zależności dzięki korzystaniu z esbuild.

Kolejna nowa wtyczka vitejs / plugin-legacy pozwala teraz na obsługę także starszych przeglądarek. Automatycznie generuje ona podwójne pakiety modern/legacy, przez co na podstawie wykrytych funkcji przeglądarek dostarcza do nowoczesnych wydajniejszy kod.

Podsumowanie

Aplikację opartą na Vite można uruchomi przez polecenie npm init @vitejs/app, z co najmniej Node.js 12. Przewodnik po Vite znajduje się na stronie internetowej vitejs.dev. 

Źródła: Dev.To, InfoQ

TagsesbuildJavaScriptrollupViteWeb

Share:

  • Narzędzia

    Storybook 6.0 z nowościami dla frontendowców

  • .NET 5.0
    Narzędzia

    .NET 5.0 Microsoftu z poprawioną wydajnością

  • Angular 10.1.0
    Frontend

    Angular 11 RC – zmiany w kolejnej wersji platformy

  • 13 kwietnia 2021

    TypeScript 4.3 beta z oddzielnymi typami zapisu

  • 7 kwietnia 2021

    Billboard.js 3.0 z nowym typem świecy

  • 2 kwietnia 2021

    Silnik V8 9.0 beta udostępniony

  • 1 kwietnia 2021

    ReacType 6.0 z nowym dashboardem

  • 29 marca 2021

    Udostępniono Android 12 Developer Preview 2

  • 24 marca 2021

    Git 2.31 dostępny z konserwacją w tle

  • 19 marca 2021

    Relay Hooks – nowy zestaw interfejsów API

  • 18 marca 2021

    Deno 1.8 ze wsparciem interfejsu API WebGPU 

  • 16 marca 2021

    React Native 0.64 z silnikiem Hermes na iOS

  • 9 marca 2021

    Windows Terminal Preview 1.7 z lepszym zarządzaniem oknami

  • 3 marca 2021

    Vite 2.0 wydane z nowymi wtyczkami

  • 25 lutego 2021

    ReacType 5.0 – zmiany we wprowadzaniu komponentów

  • 23 lutego 2021

    Dapr v.1.0 gotowy do fazy produkcji

  • 22 lutego 2021

    ReScript 9.0 z zewnętrzną konfiguracją stdlib

  • 22 lutego 2021

    One UI 3.1 z ciekawymi nowościami dla urządzeń Samsunga

  • 22 lutego 2021

    Windows Terminal Preview 1.6 z nową sekcją ustawień

  • 15 lutego 2021

    Visual Studio Code 1.53 z ulepszeniami debugowania

  • 8 lutego 2021

    Edge 89 beta, Edge Dev 90 i nowości na kanale Canary

  • 2 lutego 2021

    Firefox 85 i Firefox Nightly – nowe wersje przeglądarki Mozilli

  • 29 stycznia 2021

    Billboard.js 2.2.0 z nowymi funkcjami wykresów

  • 26 stycznia 2021

    Kendo UI R1 2021 – nowości dla bibliotek

  • 21 stycznia 2021

    Narzędzie Vno – połączenie Vue i Deno

  • 19 stycznia 2021

    GitHub Enterprise Server 3.0 RC – kandydat do wydania

  • 15 stycznia 2021

    TypeScript 4.2 Beta z ulepszeniami typów krotek

  • 13 stycznia 2021

    Styczniowy Patch Tuesday z luką 0-day

  • 11 stycznia 2021

    Safari Technology Preview 118 dostępne dla programistów

  • 8 stycznia 2021

    Microsoft Launcher na Androida z usprawnionym dotykiem

  • 7 stycznia 2021

    WebStorm 2020.3.1 dostępny dla urządzeń z Apple Silicon

  • 22 grudnia 2020

    ReScript 8.4 z przypiętymi zależnościami

  • 14 grudnia 2020

    Edge 88 beta i przeglądarka na kanale Canary dostępne!

 

 

Jesteśmy pasjonatami najnowszych technologii w świecie programowania. Zbieramy dla Was informacje i porady z całego świata, które sprawią, że Twoja praca stanie się jeszcze bardziej efektywna.

Obserwuj nas codziennie, aby być na bieżąco oraz śmiało udostępniaj nasze posty.

Zespół DevNews

Kategorie

  • Backend
  • Bez kategorii
  • Frontend
  • Gadżety
  • Informacje
  • Języki programowania
  • Narzędzia
  • QA
  • Systemy i przeglądarki

OBSERWUJ NAS

KONTAKT

Chcesz się z nami skontaktować?

Napisz do nas wiadomość: kontakt@devnews.pl

www.devnews.pl | DEVNEWS 2020 | Newsy i ciekawostki ze świata IT