Usando el inspector de nodos con tareas de Grunt

¿Alguien usó el inspector de nodos con Grunt para la depuración de aplicaciones? Si no es así, ¿puede recomendar una herramienta de depuración para aplicaciones basadas en Grunt?

Estoy trabajando con nodejs para una aplicación del lado del servidor y tengo Grunt para usar tareas separadas (esto se debe a que los usuarios pueden ejecutar tareas por separado).

Para ejecutar grunt en depuración, debe pasar el script grunt al nodo explícitamente:

node-debug $(which grunt) task

y ponga una debugger;línea en su tarea. node-inspectorluego abrirá un navegador con herramientas de depuración.

Editar 28 de febrero de 2014

node-inspectorha agregado el comando node-debug, que lanza el nodo en un --debugestado y abre el navegador a la node-inspectorpágina, deteniéndose cuando llega a la primera debuggerlínea o establece un punto de interrupción.

Edición 30 de enero de 2015

En Windows, las cosas son un poco más complicadas. Consulte la respuesta de @ exampleluhotorenko para obtener instrucciones.

Solución de Windows

correr

node --debug-brk c:\Users\username\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt taskname

de cmd en el directorio con su Gruntfile.js. No olvide poner debugger;línea en los lugares necesarios.

Para depurar, tenemos que modificar el archivo grunt en bin. En mi máquina, grunt está instalado globalmente, así que fui a / usr / local / lib / node_modules / grunt / bin, abrí el archivo y modifiqué:

#!/usr/bin/env node

A

#!/usr/bin/env node --debug-brk

--debug-brk se romperá en la primera línea de javascript ejecutado.

Sin embargo, hacer eso solo no es suficiente, ya que no podrá encontrar su archivo js de tarea gruñona en el menú desplegable en el inspector de nodos, por lo que debe modificar el archivo que le interesa depurar agregando debugger;where quieres que suceda el punto de ruptura. Ahora puede hacer clic en Continuar después del primer descanso, y saldrá de su debugger;línea.

Bastante torpe, pero es la única forma que he encontrado hasta ahora.

Recientemente creé grunt-node-inspector para configurar fácilmente el inspector de nodos con el resto de su flujo de trabajo de grunt, compruébelo: https://github.com/ChrisWren/grunt-node-inspector

Aquí hay una sección de un Gruntfile que ilustra cómo puede depurar una tarea grunt usando grunt-node-inspector, grunt-concurrent y grunt-shell: https://github.com/CabinJS/Cabin/blob/master/Gruntfile. js # L44-L77

He realizado una tarea para ejecutar mi aplicación y ejecutar el inspector de nodos. Es mucho mejor que la propuesta actual, solo tiene que agregar esta tarea en gruntfile:

  grunt.registerTask('debug', 'My debug task.', function() {
        var done = this.async();
        grunt.util.spawn({
            cmd: 'node',
            args: ['--debug', 'app.js'],
            opts: {
                //cwd: current workin directory
            }
        },
        function (error, result, code) {
            if (error) {
                grunt.log.write (result);
                grunt.fail.fatal(error);
            }
            done();
        });
        grunt.log.writeln ('node started');
        grunt.util.spawn({
            cmd: 'node-inspector',
            args: ['&'],
            opts: {
                //cwd: current workin directory
            }
        },
        function (error, result, code) {
            if (error) {
                grunt.log.write (result);
                grunt.fail.fatal(error);
            }
            done();
        });
        grunt.log.writeln ('inspector started');
    });

Grandes respuestas aquí. En 2017, ahora puedes hacer

node --inspect --debug-brk $(which grunt) taskName

Lo que imprime algo como.

To start debugging, open the following URL in Chrome: chrome-devtools://devtools/bundled/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:9229/232652c3-f63c-4b00-8de9-17dfad5db471

Abre esa URL en Chrome, ¡y listo!

Estoy usando Node 7.3.0 y estoy en Mac. Es posible que deba seguir algunos de los consejos en otras publicaciones para que funcione en Windows.

Actualización 2019

• Si desea iniciar la tarea gruñido en modo de depuración y romper en la primera línea:

  node --inspect-brk $(which grunt) taskName

• Si desea iniciar la tarea grunt en modo de depuración en un puerto específico:

  node --inspect-brk=8080 $(which grunt) taskName

• si desea adjuntar VSCODE al proceso de nodo que ejecuta la sesión de depuración de grunt, use la siguiente configuración en vscode:

{
  // 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": "attach",
      "name": "Attach by port IP 5656",
      "port": 8080
    }
  ]
}