webpack

[JurajSlovakID]

vie mi niekto vysvetlit ako lajkovi co je webpack a co konkretne robi? nasiel som len same advanced veci pre ludi co sa do toho rozumeju
Dakujem.

[materik]

Bundler -> zoberie tvoje html, css/scss a hlavne JS (ci uz vlastne, alebo libky) a vypluje z toho bundle. Jednoducho folder kde mas index.html, styles.css a nejaky main.js + assety. Ready to deploy.

[JurajSlovakID]

A ma to nejake vyhody? A to musim mat 100 js suborov aby to malo nejaku funkciu ? Preco je webpack viditelny vo wappalyzeri? Resp. rychlejsie nacitavanie?

[materik]

Rychlost nacitania stranky (maly bundle), tree shaking (odstrani co nepotrebujes)... Efekt ma uz od par suborov, nemusia ich byt tisicky. Cim lepsie ho vies nastavit, tym viac vyhod to ma.
Preco je viditelny vo wappalyzeri? Netusim, neviem so si analyzoval.

[JurajSlovakID]

Co je tam v tych suboroch ze sa da nasadenie tej technologie zaznamenat?

[materik]

Takto, pisal si uz web, kde by bol script v inom subore ako priamo v html? Ak nie, tazsie sa to vysvetluje. Pointa je, ze ak mas tych skript suborov vela, rozne rozsekanych, ak by si ich mal importovat po jednom, vyziada si to vela HTTP requestov, predlzi ti to loading, nachylnejsie na chyby atd.

Ak to cele zosrotis cez bundler ako webpack, dostanes z toho jeden main.js ktory je minifikovany, uglified (necitatelny, ale setri miesto) a ocistetny od nepouzivaneho kodu. Menej veci na nasadenie, menej na stiahnutie => rychlejsi web.

Skus tento tutorial. Je to Angular projekt, potrebujes Node.js na rozbehanie, ale aspon uvidis zmysel bundlera - Angular cli pouziva webpack. Ak to rozchodis a na konci zbehnes build, vsimni si co skonci v priecinku dist. Ak by si mal otazky, napis mi spravu.

[lepermessiah]

alebo ked sa stale nebudes vediet pohnut, tak skus prepros.io .. to je dobre pre amaterov