Prasības: Fetch Event Source ir Microsoft ieviesta SSE straumēšana, kas izveidota, izmantojot NPM pakotnes, to nevar izmantot tieši pārlūkprogrammā, un NPM pakotne ir jākompilē pārlūkprogrammas izpildītā JavaScript skriptā.
NPM ir Node pakotņu pārvaldības rīks, kas tiek ieviests, pamatojoties uz Node API standartu, savukārt JavaScript ir skriptēšanas valoda, kas darbojas pārlūkprogrammā, pamatojoties uz ECMAScript standartu. Dažādu standartu dēļ NPM pakotnes nevar palaist tieši pārlūkprogrammā.
Biežāk izmantotie iepakošanas rīki:
- Webpack: Webpack ir viens no populārākajiem pieejamajiem front-end iepakošanas rīkiem, tas var apstrādāt JavaScript, stila lapas, attēlus un citus resursus, kā arī atbalsta moduļu izstrādi.
- Paka: Parcel ir nulles konfigurācijas iepakošanas rīks, kas automātiski apstrādā atkarības un paku projektus, padarot to ideāli piemērotu ātrai projektu veidošanai.
- Apkopojums: apkopojums koncentrējas uz JavaScript bibliotēku iepakošanu, kas var iepakot vairākus moduļus vienā failā, un atbalsta koku kratīšanas optimizāciju.
- Browserify: Browserify ļauj pārlūkprogrammā izmantot Node.js moduļu sistēmu, kas var iepakot CommonJS moduļus pārlūkprogrammā atpazīstamā kodā.
- Grunt: Grunt ir uzdevumu automatizācijas rīks, ko var izmantot, lai iepakotu, saspiestu, sapludinātu un citas darbības, piemēram, koda iepakošanu.
- Gulp: Līdzīgi kā Grunt, Gulp ir uzdevumu automatizācijas rīks, taču tas izmanto kodu, nevis konfigurāciju, lai padarītu uzdevumu definīcijas kodolīgākas un skaidrākas.
- Brunch: Brunch ir ātrs un vienkāršs front-end iepakošanas rīks, kas var apstrādāt JavaScript, CSS, HTML un citus failus un atbalsta spraudņu paplašinājumus.
Šajā rakstā ir nepieciešami divi rīki:Pārlūkprogramma、Samazināt(Kompresors JS, CSS, HTML un IMG failiem)
Vispirms izveidojiet jaunu mapi un ātri inicializējiet mezgla projektu ar šādu komandu:
Pārskatītpackage.jsonDokuments ir šāds:
Instalējiet browserify, miniify, fetch-event-source, komanda ir šāda:
Izpildiet kompilācijas komandu šādi:
Kur: -r norāda kompilējamo npm pakotnes nosaukumu -s Kodā izmantotais moduļa nosaukums (pielāgots nosaukums atbilstoši jūsu paradumiem)
Pēc izpildes pabeigšanas event.min.js ir saspiests fails, kā parādīts zemāk redzamajā attēlā:
Kopējiet event.min.js saturu pārlūkprogrammas konsolē testēšanai, kā parādīts zemāk redzamajā attēlā:
(Beigas)
|
Publicēts 25.04.2024 20:28:21
|
|
|
|
