webpack

Sekcia o programovaní, programovacích jazykoch...
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

webpack

Príspevok od použí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.
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
Používateľov profilový obrázok
materik
Používateľ
Používateľ
Príspevky: 2252
Dátum registrácie: Št 10. Apr, 2008, 14:00
Bydlisko: Prešov

Re: webpack

Príspevok od použí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.
PC -> Topping E30 -> Topping L30 -> Beyerdynamic Amiron Home / Microlab B77
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: webpack

Príspevok od použí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?
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
Používateľov profilový obrázok
materik
Používateľ
Používateľ
Príspevky: 2252
Dátum registrácie: Št 10. Apr, 2008, 14:00
Bydlisko: Prešov

Re: webpack

Príspevok od použí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.
PC -> Topping E30 -> Topping L30 -> Beyerdynamic Amiron Home / Microlab B77
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: webpack

Príspevok od používateľa JurajSlovakID »

Co je tam v tych suboroch ze sa da nasadenie tej technologie zaznamenat?
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
Používateľov profilový obrázok
materik
Používateľ
Používateľ
Príspevky: 2252
Dátum registrácie: Št 10. Apr, 2008, 14:00
Bydlisko: Prešov

Re: webpack

Príspevok od použí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.
PC -> Topping E30 -> Topping L30 -> Beyerdynamic Amiron Home / Microlab B77
Používateľov profilový obrázok
lepermessiah
Sponzor fóra gold
Sponzor fóra gold
Príspevky: 2704
Dátum registrácie: Št 30. Dec, 2010, 02:41
Bydlisko: ZV

Re: webpack

Príspevok od používateľa lepermessiah »

alebo ked sa stale nebudes vediet pohnut, tak skus prepros.io .. to je dobre pre amaterov
Spoiler: ukázať
[Home]
[NAS]
Synology DS920+ / 12GB RAM / 4x IronWolf ST6000VN001 R.6 / 2x GigaByte GSM2NE3512GNTD + 2.5G ethernet
[Laptop]
Lenovo Yoga X1 gen.2 / 20JES0AJ00 + Samsung 970 EVO 1TB
[LCD]
Dell U2913WM
[Peripherals]
Topping DX3 Pro | Wavemaster Mx-3 | Superlux HD-662F | Logitech G815 + Kensington Slimblade Pro
[Work]
[Laptop]
Lenovo Legion 5 Pro / 82JQ00C3CK | 5800H + 2x Samsung 970 EVO Plus 2TB + 64GB RAM
[LCD]
Dell U4320Q + blink(1)
[Peripherals]
Sabaj D2 | AKG K72 | Logitech G413 Silver + Kensington Slimblade

Návrat na "Programovanie"