Krav: Fetch Event Source är en SSE-strömning implementerad av Microsoft, byggd med NPM-paket, kan inte användas direkt i webbläsaren och kräver att NPM-paketet kompileras till ett JavaScript-skript som körs av webbläsaren.
NPM är ett verktyg för pakethantering av Nodes, som är implementerat baserat på Node API-standarden, medan JavaScript är ett skriptspråk som körs i webbläsaren, baserat på ECMAScript-standarden. På grund av de olika standarderna kan NPM-paket inte köras direkt i webbläsaren.
Vanligt använda förpackningsverktyg:
- Webpack: Webpack är ett av de mest populära frontend-paketeringsverktygen som finns, det kan hantera JavaScript, stilmallar, bilder och andra resurser, och stödjer modulär utveckling.
- Parcel: Parcel är ett verktyg för ostrukturerad paketering som automatiskt hanterar beroenden och paketerar projekt, vilket gör det idealiskt för att snabbt bygga projekt.
- Rollup: Rollup fokuserar på att paketera JavaScript-bibliotek, som kan paketera flera moduler i en enda fil, och stödjer optimering av trädskakningar.
- Browserify: Browserify låter dig använda Node.js modulsystem i din webbläsare, som kan paketera CommonJS-moduler till webbläsarigenkännbar kod.
- Grunt: Grunt är ett verktyg för uppgiftsautomatisering som kan användas för att paketera, komprimera, slå ihop och andra operationer såsom kodpaketering.
- Gulp: Liknande Grunt är Gulp ett verktyg för uppgiftsautomatisering, men det använder kod istället för konfiguration för att göra uppgiftsdefinitioner mer koncis och tydliga.
- Brunch: Brunch är ett snabbt och enkelt frontend-paketeringsverktyg som kan hantera JavaScript, CSS, HTML och andra filer, och stödjer plugin-tillägg.
Denna artikel kräver två verktyg:Browserify、Minify(Kompressor för JS-, CSS-, HTML- och IMG-filer)
Skapa först en ny mapp och initiera snabbt ett Node-projekt med följande kommando:
reviderapackage.jsonDokumentet lyder som följer:
Install browserify, minify, fetch-event-source, kommandot är följande:
Utför kompileringskommandot enligt följande:
Där: -r specificerar npm-paketnamnet som ska kompileras -s Modulnamnet som används i koden (eget namn enligt dina egna vanor)
När exekveringen är klar är event.min.js den komprimerade filen, som visas i figuren nedan:
Kopiera event.min.js innehåll till webbläsarkonsolen för testning, som visas på bilden nedan:
(Slut)
|
Publicerad på 2024-04-25 20:28:21
|
|
|
|
