Kako koristiti ECMAScript za modularne komponente u jаvascript-u

jаvascript moduli - odličan način za poboljšanje performansi vaše aplikacije. Oni vam omogućavaju da koristite puno stvari koje će aplikaciju učiniti funkcionalnijom, poput dinamičkog učitavanja modula i lijenog učitavanja. Glavna stvar je da je jаvascript sada podržan od strane pretraživača. Prije nego što je to koristio WebPack, koji nije bio baš zgodan.

Korake

Metoda 1 od 2:

Prednosti jаvascript modula

jedan. Saznajte više o jаvascript modulima i koristite ih u web aplikacijama. jаvascript moduli omogućuju vam da ugradite jedan u datoteku na drugi koristeći uvoz i izvozne metode. Oni vam omogućavaju i kreiranje modularnih komponenti koje se mogu ponovo koristiti.

2. Promatrajte zašto biste trebali koristiti jаvascript module umjesto klasičnih skripti. Korištenje jаvascript modula daje sljedeće prednosti:

Odvajanje aplikacija na modulima. Stvaranje aplikacije pomoću modula čini ga efikasnijim i poboljšava performanse. Zahvaljujući korištenju modula, možete primijeniti lijeno opterećenje i riješiti se nepotrebnog koda u vašoj aplikaciji.

Koristeći strogi način rada prema zadanim postavkama. Strog režim omogućen je podrazumevano u jаvascript modulima.

Korištenje metode odložite odgoj. To znači da se vaš HTML kod učita paralelno sa jаvascript-om. Tako da više ne morate dodavati atribut odloživanja u oznaku skripte kada koristite Ecmascript.

Moduli se uvoze dinamički. Sa jаvascript modulima možete konfigurirati preuzimanje svojih modula pokretanjem dinamičke funkcije koja uvozi modul ako je potrebno. Sugeriše da kada posjetite korisničku stranicu učitavate modul profila samo kada je korisnik ovlašten. Slika naslovljena sekunda

Metoda 2 od 2:

Koristite jаvascript module

jedan. Da biste koristili modul, jednostavno odredite atribut tipa u oznaci skripte modula koji provodi vašu glavnu jаvascript datoteku. Sada možete koristiti metode uvoza i izvoza za uvoz vaših modula.

2. Možete uvoziti i izvoziti module unutar glavne.JS

3. Pogledajte kako se koristi metoda izvoza u profilu.JS. Kao što vidite, koristite ECMAScript module jednostavno. Kada odredite vrstu modula, preglednik ga automatski ispituje kao jаvascript modul.

Takođe možete dodijeliti ekspanziju datoteke .MJS tako da pretraživač može identificirati modul. Međutim, to neće donijeti nikakva poboljšanja.

4. Pridržavajte se podrške pretraživača. Prema dostupnim informacijama, samo moderni pretraživači podržavaju jаvascript module. Ako koristite hromirani, ivični ili firefox pretraživač, onda bi sve trebalo biti u redu.