webpack

Sekcia o programovaní, programovacích jazykoch...
Užívateľov profilový obrázok
JurajSlovakID
Používateľ
Používateľ
Príspevky: 525
Dátum registrácie: Po 13. Apr, 2015, 09:35

webpack

Príspevok od užívateľa JurajSlovakID » Ut 14. Jan, 2020, 09:36

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 3900X @ 4350 1.28V @ 24vlakien, Chladic Kraken X72, RAM: G.SKill Tritent Z 4400CL18 RGB @ 3800CL15 CR 2T, GFX: 2X AMD Vega64, MB:asus hero VII X470, M.2 SSD Samsung 970 PRO 500GB

Užívateľov profilový obrázok
materik
Používateľ
Používateľ
Príspevky: 2101
Dátum registrácie: Št 10. Apr, 2008, 14:00
Bydlisko: Humenné / BA (work)
Kontaktovať užívateľa:

Re: webpack

Príspevok od užívateľa materik » Ut 14. Jan, 2020, 12:43

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.
BA: PC -> Audinst HUD-mx1 -> Beyerdynamic Amiron Home
HE: PC -> M-Audio Audiophile 2496 -> NAD C316BEE -> Dali Zensor 1
Sony XPERIA XZ2 -> SONY WH-1000XM2

Užívateľov profilový obrázok
JurajSlovakID
Používateľ
Používateľ
Príspevky: 525
Dátum registrácie: Po 13. Apr, 2015, 09:35

Re: webpack

Príspevok od užívateľa JurajSlovakID » Ut 14. Jan, 2020, 13:20

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 3900X @ 4350 1.28V @ 24vlakien, Chladic Kraken X72, RAM: G.SKill Tritent Z 4400CL18 RGB @ 3800CL15 CR 2T, GFX: 2X AMD Vega64, MB:asus hero VII X470, M.2 SSD Samsung 970 PRO 500GB

Užívateľov profilový obrázok
materik
Používateľ
Používateľ
Príspevky: 2101
Dátum registrácie: Št 10. Apr, 2008, 14:00
Bydlisko: Humenné / BA (work)
Kontaktovať užívateľa:

Re: webpack

Príspevok od užívateľa materik » Ut 14. Jan, 2020, 14:53

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.
BA: PC -> Audinst HUD-mx1 -> Beyerdynamic Amiron Home
HE: PC -> M-Audio Audiophile 2496 -> NAD C316BEE -> Dali Zensor 1
Sony XPERIA XZ2 -> SONY WH-1000XM2

Užívateľov profilový obrázok
JurajSlovakID
Používateľ
Používateľ
Príspevky: 525
Dátum registrácie: Po 13. Apr, 2015, 09:35

Re: webpack

Príspevok od užívateľa JurajSlovakID » Ut 14. Jan, 2020, 15:59

Co je tam v tych suboroch ze sa da nasadenie tej technologie zaznamenat?
PC: CPU: RYZEN 3900X @ 4350 1.28V @ 24vlakien, Chladic Kraken X72, RAM: G.SKill Tritent Z 4400CL18 RGB @ 3800CL15 CR 2T, GFX: 2X AMD Vega64, MB:asus hero VII X470, M.2 SSD Samsung 970 PRO 500GB

Užívateľov profilový obrázok
materik
Používateľ
Používateľ
Príspevky: 2101
Dátum registrácie: Št 10. Apr, 2008, 14:00
Bydlisko: Humenné / BA (work)
Kontaktovať užívateľa:

Re: webpack

Príspevok od užívateľa materik » Ut 14. Jan, 2020, 16:21

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.
BA: PC -> Audinst HUD-mx1 -> Beyerdynamic Amiron Home
HE: PC -> M-Audio Audiophile 2496 -> NAD C316BEE -> Dali Zensor 1
Sony XPERIA XZ2 -> SONY WH-1000XM2

Užívateľov profilový obrázok
lepermessiah
Používateľ
Používateľ
Príspevky: 1997
Dátum registrácie: Št 30. Dec, 2010, 02:41
Bydlisko: ZV / BJ

Re: webpack

Príspevok od užívateľa lepermessiah » St 15. Jan, 2020, 12:34

alebo ked sa stale nebudes vediet pohnut, tak skus prepros.io .. to je dobre pre amaterov
Spoiler: ukázať
CPU: Intel Core i5 - 4590
MB: ASUS H97M-Plus
RAM: 2x8GB Crucial Ballistix Elite 1866 CL9 1.5V @ 1600 CL9 CR1
HDD: Samsung 960 Pro 512GB, WD RED 2TB R.1, WD MyBook3 Studio 1.5TB
GPU: GB 7950 3GB OC
Sound: ASUS Xonar Essence ST
PSU: Seasonic X-660
CASE: BitFenix Phenom M
WATER: XSPC EX240 + 2xNoctuaP12, HWLabs Nemesis GTX140 + NoctuaA14PWM, EK Acetal + EN CPU & GPU, ACool VPP655 + EK-D5 X-RES 140
LCD: Dell UltraSharp U2913WM + blink(1) + ambiledHD
Peripherals: Gigaworks T20 r.1, Superlux HD-662B, Logitech G810 + G403 Wireless, MS LifeCam Studio, 1TB mSATA USB-C Samsung 840EVO
+ laptop: Lenovo X1 Yoga 20JE-S0AJ00 + Samsung 970 EVO 1TB + Samsung 840 1TB mSATA / USB-C

Napísať odpoveď

Návrat na "Programovanie"