Czym jest zmienna env w Vite?

Vite to nowoczesne narzędzie do budowania aplikacji webowych, które wprowadza wiele udogodnień dla programistów. Jednym z kluczowych elementów Vite są zmienne środowiskowe, znane jako env. Umożliwiają one przechowywanie informacji konfiguracyjnych, które mogą różnić się w zależności od środowiska, w którym pracuje aplikacja, na przykład w trybie deweloperskim czy produkcyjnym.

Jak działa env w Vite?

W Vite, zmienne środowiskowe są ładowane z plików .env, które znajdują się w głównym katalogu projektu. Vite automatycznie wczytuje wartości z tych plików i udostępnia je w aplikacji. Możesz zdefiniować różne pliki .env, takie jak .env.development i .env.production, aby mieć różne konfiguracje dla różnych środowisk.

Przykłady plików .env

Oto przykład prostego pliku .env:

VITE_API_URL=https://api.example.com

Możesz uzyskać dostęp do tej zmiennej w swoim kodzie JavaScript za pomocą import.meta.env.VITE_API_URL.

Jak korzystać z zmiennych env w Vite?

Oto kilka kroków, które pomogą Ci wykorzystać zmienne env w Vite:

  • Utwórz plik .env: Stwórz plik o nazwie .env w głównym katalogu projektu.
  • Zdefiniuj zmienne: Dodaj swoje zmienne środowiskowe w formacie NAZWA_ZMIENNEJ=WARTOŚĆ.
  • Użyj zmiennych w kodzie: Odwołuj się do zmiennych za pomocą import.meta.env.
  • Uruchom aplikację: Użyj polecenia npm run dev, aby uruchomić aplikację w trybie deweloperskim.

Bezpieczeństwo zmiennych env

Warto pamiętać, że zmienne środowiskowe nie powinny zawierać wrażliwych informacji, takich jak hasła czy klucze API. Chociaż Vite automatycznie filtruje zmienne, które zaczynają się od VITE_, aby były dostępne w aplikacji, inne zmienne zostaną zignorowane. Dlatego, aby zapewnić bezpieczeństwo, zawsze trzymaj poufne dane w zasięgu serwera, a nie w plikach .env.

Podsumowanie

Zmienne środowiskowe w Vite są potężnym narzędziem, które ułatwia zarządzanie konfiguracją aplikacji w różnych środowiskach. Dzięki prostemu systemowi plików .env możesz łatwo dostosować swoje aplikacje do różnych warunków pracy. Pamiętaj jednak o zasadach bezpieczeństwa, aby Twoje dane pozostały chronione.