Vite's Hot Modül Değiştirme (HMR) özelliği VUE.JS uygulamaları ile iyi çalışır. İşte Vite'ın HMR ve Vue.js hakkında bazı önemli noktalar:
Anahtar Noktalar:
1. Birinci taraf entegrasyonu:- VITE, VUE tek dosya bileşenleri için birinci taraf HMR entegrasyonları sağlar ve hızlı yenileme tepki verir. Bu, VUE.JS uygulamalarının ek kurulum olmadan Vite'ın HMR özelliklerinden yararlanabileceği anlamına gelir [1] [2].
2. Vue eklentisi:
- Vue.js uygulamaları için resmi @vitejs/eklenti-vue eklentisini kullanmanız önerilir. Bu eklenti, HMR, Global Bileşen Çözme, Direktifler ve Yuvalar [1] [2] dahil olmak üzere VUE 3 özel özellik sağlar.
3. Özel yapılandırma:
- React veya Vue olmadan JSX kullanıyorsanız, özel `JSXFactory 've' JSXFragment '' Esbuild 'seçeneği kullanılarak yapılandırılabilir. Örneğin, PREACT için bunları `vite.config.js 'dosyasında [1] [2] yapılandırabilirsiniz.
4. Sorun Giderme:
- HMR tarayıcıda çalışmıyorsa, `vite.config.js` dosyasında eklenti siparişinin uygun olduğundan emin olun. Vite-plugin-checker'ı devre dışı bırakmak da sorunların çözülmesine yardımcı olabilir [3].
5. Üçüncü taraf kütüphanelerle entegrasyon:
- Üçüncü taraf bir kütüphaneden yüklenen bileşenlere HMR eklemek için kütüphaneyi `vite.config.js` dosyasındaki takma adlara eklemeniz gerekir. Bu, VITE'nin HMR sırasında bileşenleri doğru bir şekilde algılayabilmesini ve güncelleyebilmesini sağlar [4].
Çözüm:
Vite'ın HMR özelliği, Vue.js uygulamalarıyla sorunsuz bir şekilde çalışmak üzere tasarlanmıştır. Resmi Vue eklentisini kullanarak ve `jsxfactory` ve` jsxfragment `seçeneklerini yapılandırarak, HMR'nin Vue.js projenizde doğru çalışmasını sağlayabilirsiniz. Ayrıca, üçüncü taraf kütüphanelerinin sorun giderilmesi ve entegre edilmesi, HMR kurulumu sırasında ortaya çıkabilecek sorunların çözülmesine yardımcı olabilir.Alıntılar:
[1] https://v3.vitejs.dev/guide/features
[2] https://vitejs.dev/guide/features
[3] https://stackoverflow.com/questions/74625283/vue3-vite-hot-reload-hmr-no-woring-in-in-the-the-
[4] https://github.com/vitejs/vite/discussions/7211
[5] https://inspector.dev/how-to-make-vite-hot-module-pleplatment-work-on-windows/