Princip rada sakupljača Webpack

Uglavnom, prilikom razvoja imamo mnogo JavaScript fajlova, koji sadrže različite delove koda. To mogu biti delovi našeg koda, ili pak biblioteke trećih strana. Ispada da svaki takav fajl moramo povezati sa HTML fajlom preko taga script.

To nije baš dobro, jer mnogo povezanih fajlova usporava brzinu učitavanja sajta. Zato je za ubrzanje učitavanja neophodno sav kod sabrati u jedan fajl.

Međutim, razvijanje koda u jednom opštem fajlu takođe nije baš praktično. Zato se trenutno primenjuje sledeći pristup: kod se razvija u posebnim fajlovima, a zatim se pomoću sakupljača sakuplja u jedan opšti fajl, koji se i povezuje sa HTML fajlom.

Posebni fajlovi predstavljaju ES module. Ovi moduli se povezuju sa drugim fajlovima preko komande import.

Obično se kreira neki glavni fajl, kojemu se povezuju ostali fajlovi. Ovaj fajl se zove ulazna tačka.

Sakupljač ulazi u ulaznu tačku, gleda koji moduli su povezani na nju. Na ove module takođe mogu biti povezani drugi moduli. Sakupljač prati sve veze i sakupija sav kod u jedan fajl. Ovaj fajl se zove bundle (svežanj).

Uglavnom, kod koji programer napiše, nalazi se u direktorijumu src, a sakupĺjeni kod se smešta u direktorijum dist.