🚀 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, aby 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ładowania 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, aby 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, aby 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.