Javascript bundling pentru site-uri cu multiple pagini

Limbaje de Programare Frontend
,
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.

1 Like
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.

2 Likes
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.

1 Like
4

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

1 Like
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/

6