दिलचस्प पोस्ट
आप सी घोषणाओं को कैसे पढ़ा? एक सामान्य वर्ग या विधि के सदस्य से टी के प्रकार कैसे प्राप्त करें? SQL सर्वर का उपयोग कर सप्ताहांत को छोड़कर DATEDIFF प्राप्त करें Jquery या javascript वाले ऑब्जेक्ट की सरणी कैसे सॉर्ट करें जावास्क्रिप्ट getCookie फ़ंक्शन मैं एक PHP-unsaryialize jQuery-serialized प्रपत्र कैसे कर सकता हूँ? यदि कोई AngularJS टेम्पलेट्स में बयान सीएसएस फ्लेक्सबॉक्स में, क्यों नहीं "जज-वस्तुएं" और "औचित्य-स्व" गुण हैं? रेगेक्स: युक्त लाइनों को निकालें डब्ल्यूसीएफ सर्विस एप्लीकेशन और डब्ल्यूसीएफ सर्विस लाइब्रेरी में क्या अंतर है? Xamarin में एक स्थानीय डेटाबेस का उपयोग करें कैसे एक multiline UITextfield बनाने के लिए? लंबे डबल बनाम डबल मैं सी का उपयोग कर यूनिक्स पर एक फ़ाइल की प्रतिलिपि कैसे कर सकता हूं? जावा में अस्थिर और सिंक्रनाइज़ के बीच अंतर

जावास्क्रिप्ट। मैप फ़ाइलें – जावास्क्रिप्ट स्रोत नक्शे

हाल ही में मैंने कुछ जावास्क्रिप्ट पुस्तकालयों (जैसे कोणीय ) के साथ भेज दिया .js.map एक्सटेंशन के साथ फाइलें देखी हैं, और जो मेरे सिर में कुछ सवाल उठाए हैं:

  • ये किसके लिये है? कोणीय देखभाल में लोगों को एक .js.map फ़ाइल देने के लिए क्यों करते हैं?
  • मैं कैसे (जावास्क्रिप्ट डेवलपर के रूप में) angular.min.js.map फ़ाइल का उपयोग कर सकता angular.min.js.map ?
  • क्या मुझे अपने जावास्क्रिप्ट अनुप्रयोगों के लिए .js.map फ़ाइलों को बनाने के बारे में परवाह करना चाहिए?
  • इसे कैसे बनाया जाता है? मैंने angular.min.js.map पर एक नज़र angular.min.js.map और यह अजीब-स्वरूपित स्ट्रिंग्स से भर गया था, इसलिए मुझे लगता है कि यह मैन्युअल रूप से नहीं बनाया गया है।

वेब के समाधान से एकत्रित समाधान "जावास्क्रिप्ट। मैप फ़ाइलें – जावास्क्रिप्ट स्रोत नक्शे"

.Map फ़ाइलें जेएस और सीएसएस फ़ाइलों के लिए होती हैं जिन्हें minified किया गया है उन्हें स्रोत मैप कहा जाता है जब आप किसी फ़ाइल को छोटा करते हैं, जैसे angular.js फ़ाइल, यह हजारों सुंदर कोड की पंक्ति लेती है और उसे केवल बदसूरत कोड की कुछ पंक्तियों में बदल देती है। उम्मीद है, जब आप अपने कोड को उत्पादन के लिए शिपिंग कर रहे हैं, तो आप पूर्ण, अपरिवर्तित संस्करण की बजाय मिनेइड कोड का उपयोग कर रहे हैं। जब आपका ऐप उत्पादन में है, और एक त्रुटि है, तो स्रोतमाप आपकी बदसूरत फ़ाइल लेने में मदद करेगा, और आपको कोड का मूल संस्करण देखने की अनुमति देगा। यदि आपके पास स्रोतमैप नहीं था, तो किसी भी त्रुटि को गुप्त रूप से सबसे अच्छा लग सकता है

सीएसएस फ़ाइलों के लिए एक ही। एक बार जब आप SASS या कम फ़ाइल लेते हैं और इसे सीएसएस में संकलित करते हैं, तो ऐसा लगता है कि यह मूल रूप है। यदि आप स्रोत मैप सक्षम करते हैं, तो आप संशोधित स्थिति के बजाय फ़ाइल की मूल स्थिति देख सकते हैं।

तो, आपको प्रश्नों के उत्तर देने के लिए:

  • ये किसके लिये है? Uglified कोड de- संदर्भ करने के लिए
  • डेवलपर इसका उपयोग कैसे कर सकता है? आप इसे उत्पादन एप डीबग करने के लिए उपयोग करते हैं। विकास मोड में आप कोनेरी के पूर्ण संस्करण का उपयोग कर सकते हैं उत्पादन में, आप न्यूनतम संस्करण का उपयोग करेंगे।
  • क्या मुझे एक js.map फ़ाइल बनाने के बारे में ध्यान रखना चाहिए? यदि आप परवाह करते हैं कि उत्पादन कोड को डीबग करने में सक्षम होने के लिए आसान है, तो हाँ, आपको यह करना चाहिए।
  • इसे कैसे बनाया जाता है? इसे निर्माण समय पर बनाया गया है ऐसे उपकरण हैं जो आपके लिए आपके .map फ़ाइल का निर्माण कर सकते हैं क्योंकि यह अन्य फाइल करता है https://github.com/gruntjs/grunt-contrib-uglify/issues/71

मुझे लगता है कि इसका मतलब बनता है।

बस सवाल के अंतिम भाग पर ध्यान केंद्रित करना चाहता था; स्रोत मानचित्र फ़ाइलों को कैसे बनाया जाता है? बिल्ड टूल्स को सूचीबद्ध करके मुझे पता है कि स्रोत मैप्स बना सकते हैं।

  1. grunt-contrib-uglify : प्लगइन grunt-contrib-uglify का उपयोग कर
  2. gulp-uglify : प्लगइन gulp-uglify
  3. Google बंद : पैरामीटर का उपयोग कर --create_source_map

मुझे नहीं पता कि क्या अन्य उपकरण हैं जो स्रोत मैप्स बना सकते हैं

  • डेवलपर इसका उपयोग कैसे कर सकता है? मुझे टिप्पणियों में इसका जवाब नहीं मिला, यहां बताया गया है कि इसका उपयोग कैसे किया जा सकता है:

    1. अपने index.html फ़ाइल में अपने js.map फ़ाइल को लिंक न करें (इसके लिए कोई ज़रूरत नहीं है)
    2. मिनिफ़ीकेशन टूल (अच्छे) आपके .min.js फ़ाइल में एक टिप्पणी जोड़ें: // # sourceMappingURL = yourFileName.min.js.map, जो आपके .map फ़ाइल को कनेक्ट करेगा

जब min.js और js.map फ़ाइलें तैयार हैं …

  1. क्रोम: देव-उपकरण खोलें, 'स्रोत' टैब पर नेविगेट करें, आप 'स्रोत' फ़ोल्डर देखेंगे, जहां अनमिनाइड अनुप्रयोग फ़ाइलें रखी जाती हैं

नक्शा फ़ाइल minified फाइल को unminified फ़ाइल को नक्शे। यदि आप अपरिवर्तित फ़ाइल में परिवर्तन करते हैं, तो परिवर्तन स्वतः फ़ाइल के न्यूनतम संस्करण में दिखाई देंगे।

मैप फाइलों का उपयोग कैसे करें मैं उबुन्टू के लिए क्रोम का उपयोग करता हूं और यदि मैं स्रोत पर जाता हूं और किसी फ़ाइल पर क्लिक करता हूं, अगर मैप फ़ाइल है तो कोई संदेश सामने आता है कि मुझे बताई जा रही है कि मैं मूल फ़ाइल देख सकता हूं और यह कैसे करना है।

मैं आज के साथ काम किया है जो कोणीय फाइलों के लिए क्लिक करें

Ctrl-P और मूल फ़ाइलों की एक सूची छोटी खिड़की में आती है।

तब मैं उस फ़ाइल को देखने के लिए सूची के माध्यम से ब्राउज़ कर सकता हूं जिसे मैं निरीक्षण करना और जांचना चाहूंगा कि समस्या कहां हो सकती है।