Požadavky: Fetch Event Source je SSE streamování implementované společností Microsoft, vytvořené pomocí NPM balíčků, nelze jej používat přímo v prohlížeči a vyžaduje, aby byl NPM balíček zkompilován do JavaScriptového skriptu spuštěného prohlížečem.
NPM je nástroj pro správu balíčků Node, který je implementován na základě standardu Node API, zatímco JavaScript je skriptovací jazyk běžící v prohlížeči založený na standardu ECMAScript. Kvůli odlišným standardům nelze NPM balíčky spouštět přímo v prohlížeči.
Běžně používané obalové nástroje:
- Webpack: Webpack je jedním z nejoblíbenějších nástrojů pro balení front-endu, zvládne JavaScript, styly, obrázky a další zdroje a podporuje modulární vývoj.
- Parcel: Parcel je nástroj pro balení bez konfigurace, který automaticky zpracovává závislosti a balí projekty, což je ideální pro rychlé budování projektů.
- Rollup: Rollup se zaměřuje na balení JavaScriptových knihoven, které mohou zabalit více modulů do jednoho souboru a podporuje optimalizaci Tree Shaking.
- Browserify: Browserify vám umožňuje používat systém modulů Node.js ve vašem prohlížeči, který může zabalit moduly CommonJS do kódu rozpoznatelného prohlížečem.
- Grunt: Grunt je nástroj pro automatizaci úkolů, který lze použít k balení, kompresi, slučování a dalším operacím, jako je balení kódu.
- Gulp: Podobně jako Grunt je Gulp nástroj pro automatizaci úloh, ale používá kód místo konfigurace, aby byly definice úkolů stručnější a jasnější.
- Brunch: Brunch je rychlý a snadný nástroj pro balení na front-endu, který zvládne JavaScript, CSS, HTML a další soubory a podporuje rozšíření pluginů.
Tento článek vyžaduje dva nástroje:browserify、Minify(Kompresor pro soubory JS, CSS, HTML a IMG)
Nejprve vytvořte novou složku a rychle inicializujte projekt Node následujícím příkazem:
revidovatpackage.jsonDokument zní následovně:
Install browserify, minify, fetch-event-source, příkaz je následující:
Proveďte příkaz kompilace následovně:
Kde: -r určuje název npm balíčku, který má být zkompilován -s Název modulu použitý v kódu (vlastní název podle vašich vlastních zvyků)
Po dokončení vykonání je event.min.js komprimovaný soubor, jak je znázorněno na obrázku níže:
Zkopírujte obsah event.min.js do konzole prohlížeče k otestování, jak je vidět na obrázku níže:
(Konec)
|
Zveřejněno 25.04.2024 20:28:21
|
|
|
|
