Persyaratan: Ambil Sumber Peristiwa adalah streaming SSE yang diimplementasikan oleh Microsoft, dibuat menggunakan paket NPM, tidak dapat digunakan langsung di browser, dan mengharuskan paket NPM dikompilasi ke dalam skrip JavaScript yang dijalankan browser.
NPM adalah alat manajemen paket Node, yang diimplementasikan berdasarkan standar Node API, sedangkan JavaScript adalah bahasa skrip yang berjalan di browser, berdasarkan standar ECMAScript. Karena standar yang berbeda, paket NPM tidak dapat dijalankan langsung di browser.
Alat pengemasan yang umum digunakan:
- Webpack: Webpack adalah salah satu alat pengemasan front-end paling populer yang tersedia, dapat menangani JavaScript, stylesheet, gambar, dan sumber daya lainnya, dan mendukung pengembangan modular.
- Parcel: Parcel adalah alat pengemasan tanpa konfigurasi yang secara otomatis menangani dependensi dan mengemas proyek, menjadikannya ideal untuk membangun proyek dengan cepat.
- Rollup: Rollup berfokus pada pengemasan pustaka JavaScript, yang dapat mengemas beberapa modul ke dalam satu file, dan mendukung pengoptimalan Tree Shaking.
- Browserify: Browserify memungkinkan Anda untuk menggunakan sistem modul Node.js di browser Anda, yang dapat mengemas modul CommonJS ke dalam kode yang dapat dikenali browser.
- Grunt: Grunt adalah alat otomatisasi tugas yang dapat digunakan untuk mengemas, mengompres, menggabungkan, dan operasi lain seperti pengemasan kode.
- Gulp: Mirip dengan Grunt, Gulp adalah alat otomatisasi tugas, tetapi menggunakan kode di atas konfigurasi untuk membuat definisi tugas lebih ringkas dan jelas.
- Brunch: Brunch adalah alat pengemasan front-end yang cepat dan mudah yang dapat menangani JavaScript, CSS, HTML, dan file lainnya, serta mendukung ekstensi plugin.
Artikel ini membutuhkan dua alat:menjelajah、mengecilkan(Kompresor untuk file JS, CSS, HTML, dan IMG)
Pertama, buat folder baru dan inisialisasi proyek Node dengan cepat dengan perintah berikut:
Merevisipackage.jsonDokumen tersebut berbunyi sebagai berikut:
Instal browserify, minify, fetch-event-source, perintahnya adalah sebagai berikut:
Jalankan perintah kompilasi sebagai berikut:
Dimana: -r menentukan nama paket npm yang akan dikompilasi -s Nama modul yang digunakan dalam kode (nama kustom sesuai dengan kebiasaan Anda sendiri)
Setelah eksekusi selesai, event.min.js adalah file terkompresi, seperti yang ditunjukkan pada gambar di bawah ini:
Salin konten event.min.js ke konsol browser untuk pengujian, seperti yang ditunjukkan pada gambar di bawah ini:
(Akhir)
|
Diposting pada 25/04/2024 20.28.21
|
|
|
|
