Dlaczego Vite i HMR działają inaczej na Twoim laptopie

Programiści frontendowi oczekują szybkich czasów budowania i natychmiastowego Hot Module Replacement (HMR). Możesz myśleć, że problem leży w Twoim kodzie. Często jednak problemem są ustawienia zasilania Twojego laptopa.

Dwa laptopy z tym samym procesorem Intel Core Ultra 7 155H mogą działać w różny sposób. Jeden szybko buduje projekty Vite. Drugi działa wolno i nagrzewa się. Dzieje się tak z powodu TDP, PBP i MTP.

Vite używa ESBuild do przetwarzania modułów. Proces ten wymaga stałej mocy obliczeniowej procesora.

Różnice w typach sprzętu:

  • Ultrabooki mają niskie PBP (9-28W). Oszczędzają baterię.
  • Laptopy gamingowe mają wysokie MTP (do 115W). Skupiają się na szybkości.

Jak to wpływa na Twoją pracę:

Szybkość budowania Laptopy z wysokim MTP pozwalają procesorowi pracować z maksymalną prędkością przez dłuższy czas. Dzięki temu budowanie wersji produkcyjnych jest znacznie szybsze.

Wydajność HMR HMR wymaga natychmiastowych reakcji. Jeśli Twoje PBP wynosi poniżej 15W w celu oszczędzania baterii, zauważysz opóźnienia podczas wprowadzania zmian w kodzie.

RAM i ciepło Uruchamianie projektów React lub Vue wymaga stałych zasobów. 16 GB pamięci RAM pomaga zachować stabilność.

Jednak procesory o niskim poborze mocy borykają się z thermal throttlingiem. Procesor zwalnia, aby zapobiec przegrzaniu. Dzieje się to po 5 do 10 minutach ciągłej pracy.

Budowanie wersji produkcyjnych to wymagające zadania. Maszyny z wysokim MTP i dobrym chłodzeniem utrzymują wysoką wydajność. Cienkie ultrabooki często szybko się nagrzewają. Spowalniają proces budowania, aby chronić sprzęt.

Limity mocy Twojego sprzętu decydują o tym, jak szybko działa Vite.

Źródło: https://dev.to/hungphatlaptop/vite-va-hmr-co-nhanh-khong-giai-ma-hieu-nang-qua-tdp-pbp-va-mtp-556