दिलचस्प पोस्ट
फेसबुक ग्राफ़ एपी – एक व्यवस्थापक के रूप में फैन पेज पर पोस्टिंग कैसे प्रकार 1 9 .5 में एक enum प्रकार की प्रोग्राममैटिक गणना है? एंड्रॉइड पृष्ठभूमि संगीत सेवा एनएफसी टैग क्लोनिंग को कैसे रोकें? एसवीएन: क्या एक फ़ाइल को "कमिट न करें" के रूप में चिह्नित करने का कोई तरीका है? सी ++ प्रोग्राम के लिए मैं असेंबली कोड कैसे देख सकता हूं? स्ट्रॉटोम () डीडी / एमएम / वाई वाई वाई वाई प्रारूप के साथ काम नहीं करता है क्यों उपयोग करने के लिए इतनी बुरी आवश्यकता है? एसक्यूएल सर्वर 2008 में XML फ़ील्ड से मान चुनें प्रश्न पूछें मोंगोडब में कैसे जुड़ें? कैसे uncaughtException एंड्रॉइड को लागू करने के लिए जावास्क्रिप्ट के द्वारा HTML तत्व के बिना शुद्ध पाठ प्राप्त करें? nginx: सभी अनुरोध एक HTML पृष्ठ पर भेजें JQuery के कुंजीडाउन () के ईवेंट हैंडलर से दबाए गए चरित्र को कैसे डिकोड करें आप सी में स्ट्रैक्ट्स की एक सरणी कैसे बनाते हैं?

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

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

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

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

.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 और मूल फ़ाइलों की एक सूची छोटी खिड़की में आती है।

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