🚀 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

npm init -y

Parcel może użyć dowolnego pliku jako plik wejściowy, ale dobrym pomysłem jest zacząć 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 aby 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, aby dowiedzieć się więcej.

Help us improve the docs

If something is missing or not entirely clear, please file an issue on the website repository or edit this page.