Strana 1 z 1

webpack

Napísané: Ut 14. Jan, 2020, 09:36
od užívateľa 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.

Re: webpack

Napísané: Ut 14. Jan, 2020, 12:43
od užívateľa 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.

Re: webpack

Napísané: Ut 14. Jan, 2020, 13:20
od užívateľa 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?

Re: webpack

Napísané: Ut 14. Jan, 2020, 14:53
od užívateľa 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.

Re: webpack

Napísané: Ut 14. Jan, 2020, 15:59
od užívateľa JurajSlovakID
Co je tam v tych suboroch ze sa da nasadenie tej technologie zaznamenat?

Re: webpack

Napísané: Ut 14. Jan, 2020, 16:21
od užívateľa 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.

Re: webpack

Napísané: St 15. Jan, 2020, 12:34
od užívateľa lepermessiah
alebo ked sa stale nebudes vediet pohnut, tak skus prepros.io .. to je dobre pre amaterov