गुलप कार्य को डीबग कैसे करें?

Question

मैं अपने gulpfile.js में डिबगर के साथ Google Chrome डीबगर जैसे डीबगर के साथ परिभाषित एक गल्प कार्य को कैसे डिबग कर सकता हूं, जो लाइन के कोड लाइन कोड के माध्यम से कदम उठा रहा है?

Answer 1

Node.js संस्करण 6.3+ डिबगिंग के साथ

--inspect flag के उपयोग के साथ बहुत सरल बनाया गया है।

1. जहाँ आपके घूंट निष्पादन योग्य जीवन जानकारी प्राप्त करें:

   एक घूंट कार्य build नामित डिबग करने के लिए। यदि स्थानीय रूप से गल्प स्थापित किया गया है, तो यह node_modules/.bin/gulp पर होगा। अन्यथा, टर्मिनल में, इसे खोजने के लिए विंडोज़ पर लिनक्स/मैक या where gulp पर which gulp चलाएं।

2. भागो node --inspect --debug-brk ./node_modules/.bin/gulp build। यदि आवश्यक हो, तो अपने गल्प स्थापना के पथ के साथ ./node_modules/.bin/gulp को प्रतिस्थापित करें।

3. Chrome का उपयोग करें यूआरएल कंसोल के लिए प्रिंट हो जाती है कि करने के लिए ब्राउज़ करने के लिए। यह chrome-devtools://devtools/remote/serve_file/@xxxxxxxxx/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:9229/xxx-xxx-xxx जैसा दिखता है।

--debug-brk झंडा तुरंत कोड निष्पादन को रोकने के लिए प्रयोग किया जाता है। यह आपको ब्राउज़र को खोलने और कार्य समाप्त होने से पहले ब्रेकपॉइंट सेट करने का मौका देता है।

क्रोम टर्मिनल से चिपकाने यूआरएल को कॉपी करने के लिए एक विकल्प के रूप में और, 3. कदम यह स्वचालित रूप से डिबगर जाने के लिए तैयार के साथ एक क्रोम टैब खुल जाएगा के साथ मदद करने के लिए के लिए आप भी Node.js Inspector Manager (NIM) विस्तार स्थापित कर सकते हैं।

Answer 2

आप घूंट-nodemon उपयोग कर रहे हैं तो आप अपने gulpfile में ऐसा कर सकते हैं।

gulp.task('default', function() { 
    nodemon({ 
     script: 'server.js', 
     ext: 'js', 
     execMap: { 
      js: "node --inspect" 
     } 
    }) 
} 

आशा इस मदद करता है: बस इसे execMap विकल्प गुजरती हैं।

Answer 3

आप webstorm उपयोग कर रहे हैं तो आप सही घूंट पैनल में कार्य क्लिक करें और डिबग चुन सकते हैं।

Answer 4

धन्यवाद user2943490, विंडोज पर मैंने पाया इस संस्करण मेरे लिए काम किया:

node --inspect --debug-brk ./node_modules/gulp/bin/gulp.js --verbose

Answer 5

किसी के लिए वी.एस. कोड का उपयोग कर 1.10+

1. ओपन डीबग पैनल।
2. सेटिंग्स आइकन पर क्लिक करें।
3. पर क्लिक करें कॉन्फ़िगरेशन बटन जोड़ें।
4. नोड.जेएस चुनें: गुलप टास्क।

इस प्रकार से आपका launch.json फ़ाइल दिखना चाहिए है।

{ // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Gulp task", "program": "${workspaceFolder}/node_modules/gulp/bin/gulp.js", "args": [ "yourGulpTaskName" ] } ] }