Javascript bundling pentru site-uri cu multiple pagini

webpack
javascript

(Catalin Banu) #1

De multe ori se intampla sa ai intr-un site javascripturi pentru diverse zone din site, de exemplu

  • Un js pentru burger menu pentru orice pagina
  • lazyload de imagini pentru orice pagina
  • un js de validare a paginii de contact
  • un js de cropuire a pozei de profil
  • sau un js pentru un carouse pe homepage.
  • diverse widget-uri care atunci cand sunt incluse

Intrebare: ce sistem de bundling JS folositi astfel fiecare pagina sa incarce un js cat mai adecvat paginii care se incarca.


(Victor) #2

Recomand webpack. Pentru cele enumerate mai sus aproape ca nici nu se merita sa ai bundles diferite, insa in webpack 2 ai tree shaking daca vrei intr-adevar sa faci asta.


(István F.) #3

Problema e următoarea: Tu nu prea ai nevoie de un bundler, ai 5-6 scripturi cu jquery care se încarcă fără probleme.

Eu generez fiecare pagină din react și am 1000 de dependințe la care chiar ajută tree shaking-ul, respectiv am oricum nevoie de babel sau typescript.

În rest recomand fuse-box dacă vrei neapărat un bundler, webpack e iarăși ok. Cel mai simplu generezi N bundle-uri.


(Red) #4

WTF?! Mii de fișiere Javascript? Aici s-a ajuns?


(István F.) #5

Dacă ai grijă te poți limita la 100-200, dar majoritatea aplicațiilor mai complexe au dependințe cu miile.

https://www.npmjs.com/package/webpack-bundle-analyzer

sau

https://alexkuz.github.io/stellar-webpack/


(Red) #6