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膰 komplikacj臋 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.