Cerințe: Fetch Event Source este un streaming SSE implementat de Microsoft, construit folosind pachete NPM, nu poate fi folosit direct în browser și necesită compilarea pachetului NPM într-un script JavaScript executat de browser.
NPM este un instrument de gestionare a pachetelor Node, implementat pe baza standardului Node API, în timp ce JavaScript este un limbaj de scripting care rulează în browser, bazat pe standardul ECMAScript. Din cauza standardelor diferite, pachetele NPM nu pot fi rulate direct în browser.
Unelte de ambalare utilizate frecvent:
- Webpack: Webpack este unul dintre cele mai populare instrumente de ambalare front-end disponibile, poate gestiona JavaScript, foi de stil, imagini și alte resurse și suportă dezvoltarea modulară.
- Parcel: Parcel este un instrument de ambalare fără configurație care gestionează automat dependențele și pachetează proiecte, fiind ideal pentru construirea rapidă a proiectelor.
- Rollup: Rollup se concentrează pe ambalarea bibliotecilor JavaScript, care pot include mai multe module într-un singur fișier și suportă optimizarea prin Tree Shaking.
- Browserify: Browserify îți permite să folosești sistemul de module Node.js în browserul tău, care poate include module CommonJS în cod recognoscibil de browser.
- Grunt: Grunt este un instrument de automatizare a sarcinilor care poate fi folosit pentru a împacheta, comprima, fuziona și alte operațiuni, cum ar fi ambalarea codului.
- Gulp: Similar cu Grunt, Gulp este un instrument de automatizare a sarcinilor, dar folosește codul în locul configurației pentru a face definițiile sarcinilor mai concise și mai clare.
- Brunch: Brunch este un instrument rapid și ușor de ambalare front-end, care poate gestiona fișiere JavaScript, CSS, HTML și alte fișiere și suportă extensii de pluginuri.
Acest articol necesită două unelte:browserify、Minify(Compresor pentru fișiere JS, CSS, HTML și IMG)
Mai întâi, creează un folder nou și inițializează rapid un proiect Node cu următoarea comandă:
Revizuipackage.jsonDocumentul spune următoarele:
Install browserify, minify, fetch-event-source, comanda este următoarea:
Executați comanda de compilare astfel:
Unde: -r specifică numele pachetului npm ce urmează să fie compilat -s Numele modulului folosit în cod (nume personalizat conform obiceiurilor tale)
După finalizarea execuției, event.min.js este fișierul comprimat, așa cum se arată în figura de mai jos:
Copiază conținutul event.min.js în consola browserului pentru testare, așa cum se arată în imaginea de mai jos:
(Sfârșit)
|
Postat pe 25.04.2024 20:28:21
|
|
|
|
