2013-10-22 4 views
7

मैं एक प्रोजेक्ट में गड़बड़ी का उपयोग कर रहा हूं और कई .js फ़ाइलों को छोटा और संक्षिप्त करने के लिए कार्यों का निर्माण कर रहा हूं।Grunt Uglify - डीबगिंग के लिए स्रोत मानचित्र कैसे बनाएं?

अब मैं यह पता लगाने की कोशिश कर रहा हूं कि उनमें से एक स्रोत मानचित्र कैसे बनाएं, ताकि अन्य टीम आसानी से कंसोल में कोड का विश्लेषण कर सके।

मेरी Gruntfile का एक हिस्सा (कॉफी में) इन दो तरह दिखता है:

 uglify: 
     options: 
      mangle: false 

/

grunt.registerTask 'devmin', ['clean', 'concurrent:transform', 'useminPrepare', 'concat', 'uglify', 'usemin', 'copy:build', 'server', 'watch:dist'] # Dev - minifies files 

तो, जब मैं टर्मिनल पर "घुरघुराना devmin" चलाने मैं संस्करणों न्यूनतम किया गया होगा लेकिन मैं डिबगिंग उद्देश्यों के लिए उनसे संबंधित स्रोतमैप बनाने का तरीका नहीं समझ सकता।

किसी को भी एक संकेत मिला है ??

धन्यवाद!

+0

यह UglifyJS दस्तावेज़ों का हिस्सा है जो स्रोत मानचित्रों के बारे में बात करता है और मैं इसे काम करने की कोशिश कर रहा हूं। Grunt मेरे लिए काफी नया है .. – lol

+0

विवरण जोड़ना: अगर मैं uglify विकल्पों पर "beautify: true" डालता हूं तो मैं सुंदर फाइलों की सेवा करूंगा और यही वह नहीं है जो मैं करना चाहता हूं। विचार उन्हें कम से कम सेवा प्रदान करना है और एक स्रोतमैप है ताकि ब्राउज़र इसे एक सुंदर संस्करण बनाने के लिए कंसोल पर प्राप्त कर सके। – lol

उत्तर

8

विकल्प ऑब्जेक्ट पर विभिन्न स्रोत मानचित्र गुण हैं जिन्हें आप सेट कर सकते हैं।

शायद आप "स्रोत मैप" संपत्ति चाहते हैं, जो आउटपुट के लिए स्रोत मानचित्र का फ़ाइल नाम है।

uglify: 
     options: 
      sourceMap: 'mymap.map' 

स्रोत मैप एक फ़ंक्शन भी हो सकता है, जहां पहला पैरामीटर उस फ़ाइल का आउटपुट पथ है जिसे आप छोटा कर रहे हैं।

+6

3.x स्रोत मैप के रूप में एक बुलियन संपत्ति है। Uglify एक डिफ़ॉल्ट नाम उत्पन्न करता है, लेकिन आप फ़ाइल नाम सेट करने के लिए sourceMapName का उपयोग कर सकते हैं। [अधिक जानकारी] (https://github.com/gruntjs/grunt-contrib-uglify#migrating-from-2x-to-3x) –

संबंधित मुद्दे