Wymagania: Fetch Event Source to streaming SSE implementowany przez Microsoft, zbudowany przy użyciu pakietów NPM, nie może być używany bezpośrednio w przeglądarce i wymaga kompilacji pakietu NPM do skryptu JavaScript wykonywanego przez przeglądarkę.
NPM to narzędzie do zarządzania pakietami Node, które jest implementowane na bazie standardu API Node, natomiast JavaScript to język skryptowy działający w przeglądarce, oparty na standardzie ECMAScript. Ze względu na różne standardy pakiety NPM nie mogą być uruchamiane bezpośrednio w przeglądarce.
Powszechnie stosowane narzędzia do pakowania:
- Webpack: Webpack to jedno z najpopularniejszych narzędzi do pakowania front-endowego, obsługuje JavaScript, arkusze stylów, obrazy i inne zasoby, a także wspiera rozwój modułowy.
- Parcel: Parcel to narzędzie do pakowania bez konfiguracji, które automatycznie obsługuje zależności i pakuje projekty, co czyni je idealnym do szybkiego budowania projektów.
- Rollup: Rollup koncentruje się na pakowaniu bibliotek JavaScript, które mogą pakować wiele modułów w jeden plik i wspierają optymalizację Tree Shaking.
- Browserify: Browserify pozwala korzystać z systemu modułów Node.js w przeglądarce, który może pakować moduły CommonJS w kod rozpoznawalny przez przeglądarkę.
- Grunt: Grunt to narzędzie do automatyzacji zadań, które można używać do pakowania, kompresji, łączenia i innych operacji, takich jak pakowanie kodu.
- Gulp: Podobnie jak Grunt, Gulp to narzędzie do automatyzacji zadań, ale wykorzystuje kod zamiast konfiguracji, aby definicje zadań były bardziej zwięzłe i przejrzyste.
- Brunch: Brunch to szybkie i proste narzędzie do pakowania na front-endzie, które obsługuje pliki JavaScript, CSS, HTML i inne oraz obsługuje rozszerzenia wtyczek.
Ten artykuł wymaga dwóch narzędzi:browserify、Minify(Kompresor plików JS, CSS, HTML i IMG)
Najpierw stwórz nowy folder i szybko zaiskaluj projekt Node za pomocą następującego polecenia:
Poprawićpackage.jsonDokument brzmi następująco:
Install browserify, minify, fetch-event-source, polecenie brzmi następująco:
Wykonaj polecenie kompilacji w następujący sposób:
Gdzie: -r określa nazwę pakietu npm do kompilacji -s Nazwa modułu używana w kodzie (własna nazwa zgodnie z własnymi nawykami)
Po zakończeniu wykonania event.min.js jest plikiem skompresowanym, jak pokazano na poniższym rysunku:
Skopiuj event.min.js zawartość do konsoli przeglądarki do testów, jak pokazano na poniższym obrazku:
(Koniec)
|
Opublikowano 25.04.2024 20:28:21
|
|
|
|
