Изисквания: Fetch Event Source е SSE стрийминг програма, реализирана от Microsoft, изградена с NPM пакети, не може да се използва директно в браузъра и изисква NPM пакетът да бъде компилиран в JavaScript скрипт, изпълняван от браузъра.
NPM е инструмент за управление на пакети Node, реализиран на базата на стандарта Node API, докато JavaScript е скриптов език, който работи в браузъра, базиран на стандарта ECMAScript. Поради различните стандарти, NPM пакетите не могат да се изпълняват директно в браузъра.
Често използвани опаковъчни инструменти:
- Webpack: Webpack е един от най-популярните инструменти за опаковане на интерфейс, може да обработва JavaScript, стилови, изображения и други ресурси, и поддържа модулна разработка.
- Parcel: Parcel е инструмент за пакетиране с нулева конфигурация, който автоматично обработва зависимости и пакетира проекти, което го прави идеален за бързо изграждане на проекти.
- Rollup: Rollup се фокусира върху опаковане на JavaScript библиотеки, които могат да обединят множество модули в един файл, и поддържа оптимизация за Tree Shaking.
- Browserify: Browserify ви позволява да използвате модулната система на Node.js в браузъра си, която може да опакова CommonJS модули в разпознаваем от браузъра код.
- Grunt: Grunt е инструмент за автоматизация на задачи, който може да се използва за пакетиране, компресиране, сливане и други операции като опаковане на код.
- Gulp: Подобно на Grunt, Gulp е инструмент за автоматизация на задачи, но използва код вместо конфигурация, за да направи дефинициите на задачи по-кратки и ясни.
- Brunch: Brunch е бърз и лесен инструмент за преден интерфейс, който може да обработва JavaScript, CSS, HTML и други файлове, и поддържа разширения за плъгини.
Тази статия изисква два инструмента:browserify、Омаловажавам(Компресор за файлове JS, CSS, HTML и IMG)
Първо, създайте нова папка и бързо инициализирайте проект Node с следната команда:
Преразгледаpackage.jsonДокументът гласи следното:
Инсталирайте browserify, minify, fetch-event-source, командата е следната:
Изпълнете командата за компилация по следния начин:
Където: -r определя името на npm пакета, който трябва да се компилира -s Името на модула, използвано в кода (персонализирано име според вашите навици)
След завършване на изпълнението event.min.js е компресираният файл, както е показано на фигурата по-долу:
Копирайте съдържанието на event.min.js в конзолата на браузъра за тестване, както е показано на изображението по-долу:
(Край)
|
Публикувано в 25.04.2024 г. 20:28:21 ч.
|
|
|
|
