Formatter u minifier tal-JavaScript
Ibbewtifika JavaScript minimizzat, minimizzah bit-Terser, jew iċċekkja s-sintassi tiegħu bil-linja u l-kolonna eżatta ta’ kull żball. Jaħdem lokalment.
Kif tifformatja jew tminimizza JavaScript
- Waħħal il-kodiċi tiegħek, jew ikklikkja Iftaħ fajl biex tiftaħ fajl
.js,.mjsjew.jsx(sa 10 MB). - Agħżel l-Indentazzjoni u, jekk tippreferi l-istil Allman, immarka Parentesi graffa fuq linja tagħha.
- Ikklikkja Ifformatja (ibbewtifika) biex il-kodiċi jinqara.
- Biex tikkompressah, issettja l-Għażliet tal-minimizzazzjoni u ikklikkja Minimizza. Biex tfittex biss żbalji, ikklikkja Iċċekkja s-sintassi.
- Ikkopja jew niżżel ir-riżultat. Il-linja tal-istatus turi d-daqs qabel u wara, u l-perċentwal iffrankat.
Il-kodiċi jinqara u jinbidel biss, qatt ma jitħaddem: xejn minn dak li twaħħal ma jiġi esegwit f’din il-paġna.
Ibbewtifika bil-js-beautify
Ifformatja (ibbewtifika) juża js-beautify. Iqiegħed istruzzjoni waħda f’kull linja, jindenta l-blokki, iżid spazji madwar l-operaturi u wara l-kliem ewlieni, u jżomm sa linja vojta waħda fejn kellek xi waħda. Jifhem ukoll sintassi moderna (klassijiet, arrow functions, template literals, async/await) u JSX. Hija l-aktar mod mgħaġġel biex taqra librerija minimizzata jew snippet ta’ linja waħda mikkupjat minn paġna web.
Il-bewtifikazzjoni tbiddel biss l-ispazji. Ma tiċċekkjax li l-kodiċi huwa validu: parentesi nieqsa sempliċement tipproduċi indentazzjoni stramba. Uża Iċċekkja s-sintassi għal dan.
Minimizza bit-Terser
Minimizza juża t-Terser, il-minifier użat mill-biċċa l-kbira tal-għodod tal-bini tal-JavaScript. Peress li huwa kbir, jitniżżel biss meta tikklikkja Minimizza jew Iċċekkja s-sintassi għall-ewwel darba. L-għażliet jaqblu direttament mas-settings tat-Terser:
- Modulu ES (import/export) janalizza l-kodiċi bħala modulu (
module: true): tapplika l-modalità strett u l-ismijiet ta’ livell għoli huma privati, għalhekk jistgħu jinbidlu u dawk mhux użati jitneħħew. Ħallih mhux immarkat għal script klassiku li l-funzjonijiet globali tiegħu jintużaw minn scripts oħra. - Ikkompressa (
compress) jerġa’ jikteb il-kodiċi f’kodiċi ekwivalenti iqsar: tikkalkula kostanti (2*60isir120), tneħħi kodiċi mejjet, tgħaqqad dikjarazzjonijietvar, u tqassar kundizzjonijiet. - Qassar l-ismijiet tal-varjabbli (
mangle) jerġa’ jisimmi l-varjabbli lokali u l-parametri b’ittra jew tnejn. L-ismijiet globali u l-proprjetajiet tal-oġġetti qatt ma jinbidlu. - Żomm il-kummenti tal-liċenzja iżomm il-kummenti li jibdew b’
/*!jew fihom@licensejew@preserve. Il-kummenti l-oħra kollha jitneħħew.
Il-minimizzazzjoni ma tistax tibdel dak li jagħmel il-kodiċi, imma kodiċi li jiddependi minn ismijiet ta’ funzjonijiet (fn.name) jew minn eval jista’ jġib ruħu differenti wara li jinbidlu l-ismijiet. Neħħi l-marka minn Qassar l-ismijiet tal-varjabbli f’dak il-każ.
Żbalji tas-sintassi bil-linja u l-kolonna
Meta t-Terser ma jistax janalizza l-kodiċi, Minimizza u Iċċekkja s-sintassi juru l-messaġġ tal-iżball bil-linja u l-kolonna, pereżempju “Linja 12, kolonna 8 – Żball tas-sintassi: Unexpected token punc «)»”. Il-kolonna tgħodd il-karattri mill-1. Kawża tipika hija parentesi nieqsa aktar kmieni fil-fajl, għalhekk ħares lejn il-linji ftit qabel il-pożizzjoni rrappurtata wkoll.
Mistoqsijiet frekwenti
Il-kodiċi tiegħi jittella’ x’imkien?
Le. Kemm il-js-beautify kif ukoll it-Terser jaħdmu fil-brawżer tiegħek, u l-kodiċi tiegħek jibqa’ fuq il-kompjuter tiegħek.
Nista’ nminimizza TypeScript?
Le. It-Terser jaċċetta biss JavaScript. Ikkompila t-TypeScript għal JavaScript l-ewwel, imbagħad minimizza l-output. L-iffurmattjar ta’ TypeScript sempliċi b’Ifformatja (ibbewtifika) ħafna drabi jaħdem, imma l-annotazzjonijiet tat-tipi jistgħu jkunu spazjati b’mod stramb.
Għaliex il-kodiċi minimizzat tiegħi jidher differenti minn dak li kteb?
Ikkompressa jevalwa espressjonijiet kostanti, jagħmel inlining ta’ valuri li jintużaw darba, u jneħħi kodiċi li ma jintlaħaqx. Ir-riżultat iġib ruħu bl-istess mod. Neħħi l-marka minn Ikkompressa biex jitneħħew biss l-ispazji u l-kummenti.
“Modulu ES” jeħtieġ li jaqbel mal-kodiċi tiegħi?
Iva. Kodiċi b’import jew export għandu jiġi minimizzat bħala modulu. Script klassiku minimizzat bħala modulu jista’ jitlef funzjonijiet globali li scripts oħra jsejħu, għax l-ismijiet ta’ livell għoli mbagħad jiġu ttrattati bħala privati.
U l-JSON?
Il-JSON huwa JavaScript validu, għalhekk iż-żewġ buttuni jaċċettawh, imma l-formatter dedikat tal-JSON jagħti messaġġi ta’ żball aħjar u jordna ċ-ċwievet.
Għodod relatati
- Formatter u validatur tal-JSON Formatter u validatur tal-JSON b’xejn li jibbewtifika, jimminimizza u jiċċekkja l-JSON fil-brawżer tiegħek, b’żbalji tas-sintassi bil-linja u l-kolonna.
- Formatter u minifier tas-CSS Ibbewtifika CSS mħawwad b’indentazzjoni nadifa jew minimizzah bil-csso, u ara d-daqs qabel u wara. Jaħdem fil-brawżer tiegħek; xejn ma jittella’.
- Formatter tal-HTML Ibbewtifika HTML mħawwad b’indentazzjoni nadifa, jew minimizzah b’mod sigur, fil-brawżer tiegħek. CSS u JavaScript inline jiġu ffurmattjati wkoll.
- Ittestjar tar-Regex Ittestja espressjonijiet regolari JavaScript live b’taqbiliet enfasizzati, gruppi, sostituzzjoni u spjegazzjoni b’lingwaġġ sempliċi ta’ kull token.