How to Debug Grunt Mocha Task?

Question

I am using WebStorm to run a grunt task. The debugger successfully stops at the breakpoint in the Gruntfile.js file, but not in my task file.

In the Gruntfile.js I regis

Answer 1

Finally I am able to debug my mocha tasks! Thanks for all your answers and comments, but unfortunately I have to select my own answer, because that is the only one that worked for me.

Thanks to this video I found out what I was missing: http://vimeo.com/97561531

Basically it was two things:

1. Add a "debug-brk" option to grunt's mocha configuration:

   grunt.initConfig({
       ...
           "options": {
               "mocha": {
                   ...
                   "debug-brk": (grunt.option('debug-brk')) ? "" : 0
               }
           }
   }
   

2. Configure WebStorm's Debug Configuration like this:

   

Answer 2

To run grunt task in debug, you need to pass the grunt task script to node-inspector:

node-debug $(Path \AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt) task

Put a debugger; line in your task. node-inspector will then open a browser with debugging tools.

This link help you how its work grunt-node-inspector

Example: ChrisWren/grunt-node-inspector

Source: Stackoverflow Question

Answer 3

Try out grunt-debug-task.

Its similar to node debugger. Just run the grunt debug taskname

I tried it out. It breaks sometimes but seems to work.

Answer 4

If you happen to use the WebStorm IDE you can set up a task and then either run or debug it.

You can see the configuration for the command grunt jasmine_node_no_coverage in the screenshot. Please note that I installed grunt globally.