Požiadavky: Fetch Event Source je SSE streamovanie implementované spoločnosťou Microsoft, vytvorené pomocou NPM balíkov, ktoré nie je možné použiť priamo v prehliadači a vyžaduje, aby bol NPM balík skompilovaný do JavaScriptového skriptu vykonávaného prehliadačom.
NPM je nástroj na správu balíkov Node, ktorý je implementovaný na základe štandardu Node API, zatiaľ čo JavaScript je skriptovací jazyk, ktorý beží v prehliadači a je založený na štandarde ECMAScript. Kvôli odlišným štandardom nie je možné NPM balíky spustiť priamo v prehliadači.
Bežne používané baliace nástroje:
- Webpack: Webpack je jedným z najpopulárnejších nástrojov na front-end balenie, dokáže pracovať s JavaScriptom, štýlovými listami, obrázkami a ďalšími zdrojmi a podporuje modulárny vývoj.
- Parcel: Parcel je nástroj na balenie bez konfigurácie, ktorý automaticky spracováva závislosti a balí projekty, čo ho robí ideálnym na rýchle budovanie projektov.
- Rollup: Rollup sa zameriava na balenie JavaScript knižníc, ktoré dokážu zabaliť viacero modulov do jedného súboru a podporuje optimalizáciu Tree Shaking.
- Browserify: Browserify vám umožňuje používať systém modulov Node.js vo vašom prehliadači, ktorý dokáže zabaliť moduly CommonJS do kódu rozpoznateľného prehliadačom.
- Grunt: Grunt je nástroj na automatizáciu úloh, ktorý sa dá použiť na balenie, kompresiu, zlúčenie a ďalšie operácie, ako je balenie kódu.
- Gulp: Podobne ako Grunt, aj Gulp je nástroj na automatizáciu úloh, ale používa kód namiesto konfigurácie, aby boli definície úloh stručnejšie a jasnejšie.
- Brunch: Brunch je rýchly a jednoduchý nástroj na balenie na front-end, ktorý dokáže pracovať s JavaScriptom, CSS, HTML a ďalšími súbormi a podporuje rozšírenia pluginov.
Tento článok vyžaduje dva nástroje:browserify、minifikovať(Kompresor pre súbory JS, CSS, HTML a IMG)
Najprv vytvorte nový priečinok a rýchlo inicializujte projekt Node pomocou nasledujúceho príkazu:
revidovaťpackage.jsonDokument znie nasledovne:
Install browserify, minify, fetch-event-source, príkaz je nasledovný:
Vykonajte príkaz na kompiláciu nasledovne:
Kde: -r určuje názov npm balíka, ktorý sa má kompilovať -s Názov modulu použitý v kóde (vlastný názov podľa vašich vlastných návykov)
Po dokončení vykonania je event.min.js komprimovaný súbor, ako je znázornené na obrázku nižšie:
Skopírujte obsah event.min.js do konzoly prehliadača na testovanie, ako je znázornené na obrázku nižšie:
(Koniec)
|
Zverejnené 25. 4. 2024 20:28:21
|
|
|
|
