Vite kullanırken, bazı kancalar dönüşümleri ve genel performansı önemli ölçüde yavaşlatabilir. İşte gecikmeler getirebilecek ortak kancalar:
Vite dönüşümlerini yavaşlatabilecek ortak kancalar
1. `Config` kancası:
- Açıklama: Bu kanca, çözülmeden önce VITE yapılandırmasını değiştirmek için çağrılır. Bu kanca ağır hesaplamalar veya senkron işlemler gerçekleştirirse, Vite sunucusunun başlangıç süresini yavaşlatabilir.
- Performans İpucu: Bu kanca içindeki işlemleri hafif tutun ve gerekirse eşzamansız işlemleri kullanmayı düşünün.
2. `` configResolved 'hook:
- Açıklama: Bu kanca, vite yapılandırması çözüldükten sonra yürütülür. Karmaşık mantık veya ağır işleme içeriyorsa, sonraki işlemleri geciktirebilir.
- Performans İpucu: Çözülmüş yapılandırmayı okumak ve saklamak için bu kancayı kullanın, ancak yoğun hesaplamalardan kaçının.
3. `Dönüştürme
- Açıklama: Bu kanca, dosyaları istedikleri gibi dönüştürmekten sorumludur. Dönüşüm mantığı yavaşsa veya ağır işleme (karmaşık AST manipülasyonları gibi) içeriyorsa, HMR'nin yanıt verebilirliğini etkileyebilir.
- Performans İpucu: Dönüşüm mantığını optimize edin ve sonuçları mümkün olan yerlerde önbelleğe almayı düşünün.
4. `` yüke 'kancası:
- Açıklama: Bir modül yüklendiğinde bu kanca çağrılır. Harici kaynaklardan veri getiren veya işleyen mantığı içeriyorsa, gecikme getirebilir.
- Performans İpucu: Harici çağrıları en aza indirin ve bu kancadaki mantığı verimli tutun.
5. `` Resolveid` kancası:
- Açıklama: Bu kanca modül kimliklerini çözmek için çağrılır. Karmaşık çözünürlük mantığı veya senkron işlemler içeriyorsa, modül çözünürlük işlemini yavaşlatabilir.
- Performans İpucu: Çözünürlük mantığını basitleştirin ve gereksiz karmaşıklığı önleyin.
6.
- Açıklama: Bu kancalar yapım işleminin başında ve sonunda çağrılır. Ağır operasyonlar içeriyorlarsa, yapı sürelerini uzatabilirler.
- Performans İpucu: Bu kancalardaki işlemleri temel görevlerle sınırlayın.
7. Namlu Dosyaları:
-Açıklama: Bir kanca olmasa da, namlu dosyaları (yeniden ihracat modülleri olan dizin dosyaları) kullanmak, üretimleri ve HMR'yi yavaşlatabilen ağaç çalkalayarak artan paket boyutlarına ve komplikasyonlara yol açabilir.
- Performans İpucu: Performansı artırmak için özellikle daha büyük projelerde mümkün olduğunca varil dosyalarından kaçının.
8. Eklentiler:
- Açıklama: Bazı VITE eklentileri, optimize edilmezlerse veya kapsamlı işlemler yaparlarsa performans ek yükünü getirebilir.
- Performans İpucu: Eklentilerin performans etkisini değerlendirin ve alternatifleri veya optimizasyonları dikkate alın.
Bu kancaların ve performans üzerindeki potansiyel etkilerinin farkında olarak, geliştiriciler Vite konfigürasyonlarını optimize edebilir ve genel geliştirme deneyimini geliştirebilirler. Operasyonları hafif tutmak ve bu kancalarda karmaşık mantıktan kaçınmak, hızlı yapım sürelerini ve duyarlı HMR'yi korumak için çok önemlidir.
Alıntılar:[1] https://vitejs.dev/guide/api-plugin
[2] https://shopify.engineering/deceloper-experience-with-hdrogen-and-vite
[3] https://vitejs.dev/config/build-ptions
[4] https://remix.run/docs/en/main/guides/vite
[5] https://github.com/storybookjs/builder-vite/issues/577