Oszałamiająco szybki, niewymagający konfiguracji program tworzący pakiety

Wprowadzenie GitHub

🚀 Oszałamiająco szybkie budowanie

Parcel używa procesów wątków usługowych, by umożliwić kompilację na wielu rdzeniach procesora jednocześnie. Używa też pamięci podręcznej zapisywanej na dysku, by aplikacja była budowana szybko nawet po ponownym uruchomieniu.

📦 Spakuj wszystkie swoje zasoby

Parcel wspiera od razu JS, CSS, HTML, zasoby plikowe i jeszcze więcej - bez żadnych wtyczek.

🐠 Automatyczne transformacje

Kod jest automatycznie transformowany przez Babel, PostCSS i PostHTML jeśli to potrzebne - nawet w node_modules.

✂️ Dzielenie kodu bez żadnej konfiguracji

Używając składni import(), Parcel dzieli wyjściowe paczki tak, by wczytywać tylko to, co jest niezbędne do początkowego załądowania strony.

🔥 Hot module replacement

Parcel automatycznie aktualizuje moduły w przeglądarce podczas tworzenia oprogramowania, bez żadnej konfiguracji.

🚨 Przyjazne błędy

Parcel wyświetla kod z kolorowaniem składni gdy napotka problem, by pomóc w jego rozwiązaniu.

Hello World

Zacznij od wejściowego pliku HTML dla swojej aplikacji. Parcel podąży stąd za zależnościami, by zbudować całą aplikację.

✏️ index.html

<html>
<body>
  <script src="./index.js"></script>
</body>
</html>

🛠 index.js

// importuj inny komponent
import main from './main';

main();

🛠 main.js

// importuj moduł CSS
import classes from './main.css';

export default () => {
  console.log(classes.main);
};

💅 main.css

.main {
  /* Odwołanie do pliku obrazu */
  background: url('./images/background.png');
  color: red;
}

Po prostu wykonaj parcel index.html, by uruchomić serwer deweloperski. Importowanie JavaScript, CSS, obrazów, i innych po prostu działa! 👌

Statystyki

Program tworzący pakiety Czas
browserify 22.98s
webpack 20.71s
parcel 9.98s
parcel - z pamięcią podręczną 2.64s

W oparciu o sensownej wielkości aplikację, składającą się z 1726 modułów, 6.5M przed kompresją. Zbudowane na MacBook Pro z 2016, z 4-rdzeniowym procesorem.