🚀 Wprowadzenie

Parcel to program tworzący pakiety do stron sieci web, wyróżniający się dzięki doświadczeniu jego deweloperów. Oferuje oszałamiającą szybkość dzięki procesowaniu na wielu rdzeniach procesora i nie wymaga żadnej konfiguracji.

Zainstaluj Parcel za pomocą Yarn lub npm:

Yarn:

yarn global add parcel-bundler

npm:

npm install -g parcel-bundler

Utwórz plik package.json w folderze projeku używając:

yarn init -y

or

npm init -y

Parcel może użyć dowolnego pliku jako plik wejściowy, ale dobrym pomysłem zacząć jest od pliku HTML lub JavaScript. Jeśli zalinkujesz główny plik JavaScript w HTML za pomocą relatywnej ścieżki, Parcel przetworzy ją za Ciebie i zamieni odwołanie na URL do pliku wyjściowego.

Następnie utwórz pliki index.html i index.js.

<html>
<body>
  <script src="./index.js"></script>
</body>
</html>
console.log("hello world");

Parcel ma wbudowany serwer deweloperski, który automatycznie przebudowuje aplikację po dokonaniu zmiany w pliku i wspiera hot module replacement by przyspieszyć tworzenie oprogramowania. Po prostu podaj mu twój plik wejściowy:

parcel index.html

Teraz otwórz http://localhost:1234/ w swojej przeglądarce. Możesz również nadpisać domyślny port za pomocą opcji -p <numer portu>.

Używaj serwera deweloperskiego jeśli nie masz własnego serwera, lub jeśli aplikacja renderowana jest w całości po stronie klienta. Jeśli masz swój serwer, możesz zamiast tego uruchomić Parcel w trybie watch. W tym trybie Parcel też automatycznie przebudowuje aplikację po dokonaniu zmiany w pliku i wspiera hot module replacement, ale nie uruchamia serwera web.

parcel watch index.html

Kiedy zdecydujesz się zbudować stronę produkcyjnie, tryb build jednorazowo buduje aplikację. Przeczytaj sekcję Produkcja, by dowiedzieć się więcej.