Reikalavimai: "Fetch Event Source" yra "Microsoft" įdiegtas SSE srautinis perdavimas, sukurtas naudojant NPM paketus, negali būti naudojamas tiesiogiai naršyklėje ir reikalauja, kad NPM paketas būtų sukompiliuotas į naršyklės vykdomą JavaScript scenarijų.
NPM yra Node paketų valdymo įrankis, įdiegtas remiantis Node API standartu, o JavaScript yra scenarijų kalba, veikianti naršyklėje, pagrįsta ECMAScript standartu. Dėl skirtingų standartų NPM paketų negalima paleisti tiesiogiai naršyklėje.
Dažniausiai naudojami pakavimo įrankiai:
- "Webpack": "Webpack" yra vienas populiariausių priekinės dalies pakavimo įrankių, jis gali apdoroti "JavaScript", stiliaus lapus, vaizdus ir kitus išteklius bei palaiko modulinį kūrimą.
- Siuntinys: Siuntinys yra nulinės konfigūracijos pakavimo įrankis, kuris automatiškai tvarko priklausomybes ir paketų projektus, todėl idealiai tinka greitai kurti projektus.
- Apibendrinimas: "Rollup" daugiausia dėmesio skiria "JavaScript" bibliotekų, kurios gali supakuoti kelis modulius į vieną failą, pakavimui ir palaiko "Tree Shaking" optimizavimą.
- "Browserify": "Browserify" leidžia naršyklėje naudoti Node.js modulių sistemą, kuri gali supakuoti "CommonJS" modulius į naršyklės atpažįstamą kodą.
- Grunt: Grunt yra užduočių automatizavimo įrankis, kurį galima naudoti pakuojant, glaudinant, sujungiant ir kitoms operacijoms, pvz., kodo pakavimui.
- Gulp: Panašiai kaip "Grunt", "Gulp" yra užduočių automatizavimo įrankis, tačiau jis naudoja kodą, o ne konfigūraciją, kad užduočių apibrėžimai būtų glaustesni ir aiškesni.
- Vėlyvieji pusryčiai: Vėlyvieji pusryčiai yra greitas ir paprastas priekinės dalies pakavimo įrankis, galintis apdoroti JavaScript, CSS, HTML ir kitus failus bei palaikantis papildinių plėtinius.
Šiam straipsniui reikalingi du įrankiai:naršyklė、Mažinti(JS, CSS, HTML ir IMG failų kompresorius)
Pirmiausia sukurkite naują aplanką ir greitai inicijuokite mazgo projektą naudodami šią komandą:
Peržiūrėtipackage.jsonDokumentas skamba taip:
Įdiekite browserify, minify, fetch-event-source, komanda yra tokia:
Vykdykite kompiliavimo komandą taip:
Kur: -r nurodo kompiliuojamą npm paketo pavadinimą -s Kode naudojamas modulio pavadinimas (pasirinktinis pavadinimas pagal jūsų įpročius)
Baigus vykdymą, event.min.js yra suspaustas failas, kaip parodyta paveikslėlyje žemiau:
Nukopijuokite event.min.js turinį į naršyklės konsolę, kad galėtumėte išbandyti, kaip parodyta paveikslėlyje žemiau:
(Pabaiga)
|
Paskelbta 2024-04-25 20:28:21
|
|
|
|
