डेव सर्वर और हॉट मॉड्यूल रिप्लेसमेंट

HMR पूरे पृष्ठ को दोबारा लोड किए बिना केवल बदले हुए मॉड्यूल अपडेट करता है। आपके ऐप की स्थिति आम तौर पर बनी रहती है।

dev स्क्रिप्ट Vite शुरू करती है, जो पहले से सक्षम HMR के साथ आपका कोड सर्व करता है।

Vite स्थानीय URL (डिफ़ॉल्ट http://localhost:5173) और यदि आप --host दें, तो नेटवर्क URL भी दिखाता है।

किसी भी .svelte या JS फ़ाइल में बदलाव करके उसे सहेजें। ब्राउज़र तुरंत, अक्सर कुछ मिलीसेकंड के भीतर, अपडेट हो जाता है।

जहाँ संभव हो, Svelte HMR अपडेट के दौरान घटक की स्थिति बनाए रखता है। मार्कअप में छोटा बदलाव करने के बाद 5 पर मौजूद काउंटर 5 ही रहता है।

कुछ बदलाव पूर्ण रीलोड कराते हैं: कॉन्फ़िगरेशन फ़ाइलें, सर्वर हुक या आयात संबंधी त्रुटियाँ। Vite आपको कंसोल में इसकी जानकारी देता है।

डेव सर्वर को अपने LAN पर उपलब्ध कराने के लिए --host दें, ताकि आप फ़ोन पर जाँच कर सकें।

यदि पोर्ट 5173 पहले से उपयोग में है, तो Vite अगला उपलब्ध पोर्ट चुनता है। आप --port 4000 से पोर्ट को अनिवार्य रूप से तय भी कर सकते हैं।

सटीक स्टैक ट्रेस के लिए ब्राउज़र DevTools खोलें और ऐसे स्रोत मानचित्र देखें जो मूल .svelte फ़ाइलों तक वापस ले जाते हैं।

सिंटैक्स या रनटाइम त्रुटियाँ ब्राउज़र में ओवरले के रूप में दिखाई देती हैं। कोड ठीक करें; सहेजते ही ओवरले हट जाता है।

डेव सर्वर रोकने के लिए टर्मिनल में Ctrl+C दबाएँ। उसे फिर शुरू करने के लिए npm run dev दोबारा चलाएँ।

अब आप डेव सर्वर शुरू कर सकते हैं, HMR का लाभ उठा सकते हैं, उसे अपने नेटवर्क पर उपलब्ध करा सकते हैं और ओवरले के माध्यम से त्रुटियों से उबर सकते हैं।