Gereksinimler: Fetch Event Source, Microsoft tarafından uygulanan, NPM paketleri kullanılarak oluşturulmuş bir SSE yayın programıdır, doğrudan tarayıcıda kullanılamaz ve NPM paketinin tarayıcı tarafından çalıştırılan bir JavaScript betiklerine derlenmesini gerektirir.
NPM, Node API standardına dayanan bir Node paket yönetim aracıdır; JavaScript ise ECMAScript standardına dayanarak tarayıcıda çalışan bir betik dilidir. Farklı standartlar nedeniyle, NPM paketleri doğrudan tarayıcıda çalıştırılamaz.
Yaygın kullanılan ambalaj araçları:
- Webpack: Webpack, mevcut en popüler ön uç paketleme araçlarından biridir; JavaScript, stil sayfaları, görseller ve diğer kaynakları işleyebilir ve modüler geliştirmeyi destekler.
- Parcel: Parcel, bağımlılıkları otomatik olarak yöneten ve projeleri paketleyen sıfır yapılandırmalı bir paketleme aracıdır; bu da projeleri hızlı bir şekilde inşa etmek için idealdir.
- Rollup: Rollup, birden fazla modülü tek bir dosyaya paketleyebilen ve Ağaç Sallama optimizasyonunu destekleyen JavaScript kütüphanelerini paketlemeye odaklanır.
- Browserify: Browserify, Node.js'nin modül sistemini tarayıcınızda kullanmanıza olanak tanır; bu sistem CommonJS modüllerini tarayıcı tarafından tanınabilir kod haline getirebilir.
- Grunt: Grunt, paketleme, sıkıştırma, birleştirme ve kod paketleme gibi diğer işlemlerde kullanılabilen bir görev otomasyon aracıdır.
- Gulp: Grunt'a benzer şekilde, Gulp bir görev otomasyon aracı, ancak görev tanımlarını daha kısa ve net hale getirmek için yapılandırma yerine kod kullanıyor.
- Brunch: Brunch, JavaScript, CSS, HTML ve diğer dosyaları işleyebilen hızlı ve kolay bir ön yüz paketleme aracıdır ve eklenti uzantılarını destekler.
Bu makale iki araç gerektirir:browserify、Küçült -mek(JS, CSS, HTML ve IMG dosyaları için kompresör)
İlk olarak, yeni bir klasör oluşturun ve aşağıdaki komutla bir Node projesini hızlıca başlatın:
yenilemekpackage.jsonBelge şöyle ilerliyor:
Install browserify, minify, fetch-event-source, komut şu şekildedir:
Derleme komutunu aşağıdaki şekilde çalıştırın:
Burada: -r derlenecek npm paket adını belirtir -s Kodda kullanılan modül adı (kendi alışkanlıklarınıza göre özel isim)
Yürütme tamamlandıktan sonra, event.min.js aşağıdaki şekilde gösterildiği gibi sıkıştırılmış dosyadır:
event.min.js içeriğini aşağıdaki görselde gösterildiği gibi test için tarayıcı konsoluna kopyalayın:
(Son)
|
Yayınlandı 25.04.2024 20:28:21
|
|
|
|
