Zahteve: Fetch Event Source je SSE pretakanje, ki ga je implementiral Microsoft, zgrajeno z NPM paketi, ni ga mogoče uporabljati neposredno v brskalniku in zahteva, da se NPM paket prevede v JavaScript skripto, ki jo izvaja brskalnik.
NPM je orodje za upravljanje paketov Node, ki temelji na standardu Node API, medtem ko je JavaScript skriptni jezik, ki teče v brskalniku in temelji na standardu ECMAScript. Zaradi različnih standardov NPM paketov ni mogoče zagnati neposredno v brskalniku.
Pogosto uporabljena orodja za pakiranje:
- Webpack: Webpack je eno najbolj priljubljenih orodij za embalažo na sprednji strani, saj lahko obvladuje JavaScript, slogovne liste, slike in druge vire ter podpira modularni razvoj.
- Parcel: Parcel je orodje za pakiranje brez konfiguracije, ki samodejno obravnava odvisnosti in paketira projekte, zato je idealno za hitro gradnjo projektov.
- Rollup: Rollup se osredotoča na pakiranje JavaScript knjižnic, ki lahko zapakirajo več modulov v eno datoteko in podpirajo optimizacijo za Tree Shaking.
- Browserify: Browserify vam omogoča uporabo Node.js-jevega sistema modulov v brskalniku, ki lahko zapakira CommonJS module v kodo, ki jo prepozna brskalnik.
- Grunt: Grunt je orodje za avtomatizacijo nalog, ki ga je mogoče uporabiti za pakiranje, stiskanje, združevanje in druge operacije, kot je pakiranje kode.
- Gulp: Podobno kot Grunt je Gulp orodje za avtomatizacijo nalog, vendar uporablja kodo namesto konfiguracije, da so definicije nalog bolj jedrnate in jasne.
- Brunch: Brunch je hitro in enostavno orodje za pakiranje na sprednji strani, ki lahko obdeluje JavaScript, CSS, HTML in druge datoteke ter podpira razširitve vtičnikov.
Ta članek zahteva dve orodji:browserify、Minify(Kompresor za JS, CSS, HTML in IMG datoteke)
Najprej ustvarite novo mapo in hitro inicializirajte projekt Node z naslednjim ukazom:
Spremenitipackage.jsonDokument se glasi takole:
Namesti browserify, minify, fetch-event-source, ukaz je naslednji:
Izvedite ukaz za prevajanje na naslednji način:
Kjer: -r določa ime npm paketa, ki ga je treba prevesti -s Ime modula, uporabljeno v kodi (po meri glede na vaše navade)
Po zaključku izvajanja je event.min.js stisnjena datoteka, kot je prikazano na spodnji sliki:
Kopirajte vsebino event.min.js v konzolo brskalnika za testiranje, kot je prikazano na spodnji sliki:
(Konec)
|
Objavljeno na 25. 04. 2024 20:28:21
|
|
|
|
