वेबपैक "--वॉच" बनाम "--hot": क्या अंतर है?

Question

webpack --watch 

और

webpack-dev-server --hot 

धन्यवाद का उपयोग कर के बीच अंतर क्या है।

Answer 1

webpack प्रलेखन @https://webpack.github.io/docs/tutorials/getting-started/#watch-mode

के अनुसार घड़ी मोड का उपयोग कर, webpack सभी फ़ाइलें, जो संकलन प्रक्रिया में इस्तेमाल किया गया करने के लिए फ़ाइल पर नजर रखने वालों स्थापित करता है। यदि कोई परिवर्तन पता चला है, यह फिर से संकलन चलाएगा। जब कैशिंग सक्षम होती है, तो वेबपैक प्रत्येक मॉड्यूल को स्मृति में रखता है और यदि यह बदला नहीं जाता है तो इसका पुन: उपयोग करेगा।

तो, मूल रूप से, webpack और webpack --watch चल के बीच अंतर यह है कि --watch का उपयोग करने में, अपने CLI संकलन प्रक्रिया आपकी फ़ाइलों में किसी भी कोड में परिवर्तन के लिए प्रतीक्षा करने के बाद लटका और अगर वहाँ एक परिवर्तन है, तो यह होगा recompile और फिर से इंतजार करेंगे। आपको यह जानकारी होनी चाहिए कि यदि आप webpack-देव-सर्वर का उपयोग कर रहे हैं, तो आप क्योंकि webpack-देव-सर्वर इसके प्रलेखन के अनुसार डिफ़ॉल्ट रूप से webpack की घड़ी मोड का उपयोग करता इस विकल्प का उपयोग करने की जरूरत नहीं:

डेव सर्वर वेबपैक के घड़ी मोड का उपयोग करता है। यह परिणामस्वरूप फ़ाइलों को डिस्क पर उत्सर्जित करने से वेबपैक को भी रोकता है। इसके बजाए यह मेमोरी से परिणामी फाइलों को रखता है और परोसता है।

तो, webpack-dev-server --hot क्या है? असल में, यह HotModuleReplacementPlugin को वेबपैक कॉन्फ़िगरेशन में जोड़ता है, जो अनिवार्य रूप से आपको एक पूर्ण पृष्ठ रीफ्रेश करने के बजाय बदले गए घटक को फिर से लोड करने की अनुमति देगा! जब आप राज्यों के साथ काम कर रहे हों तो बहुत उपयोगी हो! प्रलेखन के अनुसार:

प्रत्येक मोड भी गर्म मॉड्यूल रिप्लेसमेंट जिसमें बंडल सूचित किया है कि एक परिवर्तन पूरा पृष्ठ पुनः लोड करने के बजाय हुआ है समर्थन करता है। एक हॉट मॉड्यूल रिप्लेसमेंट रनटाइम तब अद्यतन मॉड्यूल लोड कर सकता है और उन्हें चल रहे ऐप में इंजेक्ट कर सकता है।

कि यह क्या है और इसे यहाँ कैसे किया जाता है पर अधिक जानकारी: https://webpack.github.io/docs/webpack-dev-server.html#hot-module-replacement

मुझे आशा है कि यह समझ webpack में थोड़ा और अधिक में मदद करता है!