Krav: Fetch Event Source er en SSE-strømming implementert av Microsoft, bygget med NPM-pakker, kan ikke brukes direkte i nettleseren, og krever at NPM-pakken kompileres til et JavaScript-skript kjørt i nettleseren.
NPM er et verktøy for Node-pakkehåndtering, som er implementert basert på Node API-standarden, mens JavaScript er et skriptspråk som kjører i nettleseren, basert på ECMAScript-standarden. På grunn av de ulike standardene kan ikke NPM-pakker kjøres direkte i nettleseren.
Vanlig brukte emballasjeverktøy:
- Webpack: Webpack er et av de mest populære frontend-pakkeverktøyene som finnes, det kan håndtere JavaScript, stilark, bilder og andre ressurser, og støtter modulær utvikling.
- Parcel: Parcel er et verktøy for null-konfigurasjon pakking som automatisk håndterer avhengigheter og pakker prosjekter, noe som gjør det ideelt for å bygge prosjekter raskt.
- Rollup: Rollup fokuserer på å pakke JavaScript-biblioteker, som kan pakke flere moduler i én fil, og støtter optimalisering av treristing.
- Browserify: Browserify lar deg bruke Node.js modulsystem i nettleseren din, som kan pakke CommonJS-moduler inn i nettlesergjenkjennelig kode.
- Grunt: Grunt er et oppgaveautomatiseringsverktøy som kan brukes til å pakke, komprimere, slå sammen og andre operasjoner som kodepakking.
- Gulp: På samme måte som Grunt er Gulp et verktøy for oppgaveautomatisering, men det bruker kode over konfigurasjon for å gjøre oppgavedefinisjoner mer konsise og tydelige.
- Brunch: Brunch er et raskt og enkelt front-end pakkeverktøy som kan håndtere JavaScript, CSS, HTML og andre filer, og støtter plugin-utvidelser.
Denne artikkelen krever to verktøy:Browserify、Minify(Kompressor for JS, CSS, HTML og IMG-filer)
Først oppretter du en ny mappe og initialiserer raskt et Node-prosjekt med følgende kommando:
reviderepackage.jsonDokumentet lyder som følger:
Install browserify, minify, fetch-event-source, kommandoen er som følger:
Utfør kompileringskommandoen som følger:
Hvor: -r spesifiserer npm-pakkenavnet som skal kompileres -s Modulnavnet som brukes i koden (tilpasset navn etter dine egne vaner)
Etter at utførelsen er fullført, er event.min.js den komprimerte filen, som vist i figuren nedenfor:
Kopier innholdet event.min.js til nettleserkonsollen for testing, som vist på bildet nedenfor:
(Slutt)
|
Publisert på 25.04.2024 20:28:21
|
|
|
|
