Krav: Fetch Event Source er en SSE-streaming implementeret af Microsoft, bygget ved hjælp af NPM-pakker, kan ikke bruges direkte i browseren og kræver, at NPM-pakken kompileres til et browser-udført JavaScript-script.
NPM er et værktøj til Node-pakkehåndtering, som er implementeret baseret på Node API-standarden, mens JavaScript er et scriptsprog, der kører i browseren og er baseret på ECMAScript-standarden. På grund af de forskellige standarder kan NPM-pakker ikke køres direkte i browseren.
Almindeligt anvendte emballageværktøjer:
- Webpack: Webpack er et af de mest populære front-end pakkeværktøjer, det kan håndtere JavaScript, stylesheets, billeder og andre ressourcer og understøtter modulær udvikling.
- Parcel: Parcel er et nul-konfigurations pakkeværktøj, der automatisk håndterer afhængigheder og pakker projekter, hvilket gør det ideelt til hurtigt at bygge projekter.
- Rollup: Rollup fokuserer på at pakke JavaScript-biblioteker, som kan pakke flere moduler i én fil, og understøtter optimering af trærystelser.
- Browserify: Browserify giver dig mulighed for at bruge Node.js's modulsystem i din browser, som kan pakke CommonJS-moduler ind i browsergenkendelig kode.
- Grunt: Grunt er et opgaveautomatiseringsværktøj, der kan bruges til at pakke, komprimere, merge og andre operationer såsom kodepakning.
- Gulp: Ligesom Grunt er Gulp et værktøj til opgaveautomatisering, men det bruger kode frem for konfiguration for at gøre opgavedefinitioner mere præcise og klare.
- Brunch: Brunch er et hurtigt og nemt front-end pakkeværktøj, der kan håndtere JavaScript, CSS, HTML og andre filer og understøtter plugin-udvidelser.
Denne artikel kræver to værktøjer:browserify、Minify(Kompressor til JS, CSS, HTML og IMG-filer)
Først opretter du en ny mappe og initialiserer hurtigt et Node-projekt med følgende kommando:
reviderepackage.jsonDokumentet lyder som følger:
Install browserify, minify, fetch-event-source, kommandoen er som følger:
Udfør kompileringskommandoen som følger:
Hvor: -r specificerer npm-pakkenavnet, der skal kompileres -s Modulnavnet, der bruges i koden (brugerdefineret navn efter dine egne vaner)
Når udførelsen er afsluttet, er event.min.js den komprimerede fil, som vist i figuren nedenfor:
Kopier event.min.js indhold til browserens konsol til test, som vist på billedet nedenfor:
(Slut)
|
Opslået på 25/04/2024 20.28.21
|
|
|
|
