Usando o node-inspector com tarefas Grunt

Alguém usou o node-inspector com o Grunt para depuração de aplicativos? Se não, você pode recomendar uma ferramenta de depuração para aplicativos baseados no Grunt?

Estou trabalhando com nodejs para um aplicativo do lado do servidor e tenho o Grunt para usar tarefas separadas (isso porque os usuários podem executar tarefas separadamente).

Para executar o grunt na depuração, você precisa passar o script do grunt para o nó explicitamente:

node-debug $(which grunt) task

e coloque uma debugger;linha em sua tarefa. node-inspectorirá então abrir um navegador com ferramentas de depuração.

Editar 28 de fevereiro de 2014

node-inspectoradicionou o comando node-debug, que ativa o nó em um --debugestado e abre o navegador para a node-inspectorpágina, parando quando atinge a primeira debuggerlinha ou ponto de interrupção definido.

Editar 30 de janeiro de 2015

No Windows, as coisas são um pouco mais complicadas. Veja a resposta de @ e.gluhotorenko para obter instruções.

Solução Windows

Corre

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

do cmd no diretório com o seu Gruntfile.js. Não se esqueça de colocar a debugger;linha nos locais necessários.

Para depurar, temos que modificar o arquivo grunt em bin. Na minha máquina, o grunt é instalado globalmente, então fui para / usr / local / lib / node_modules / grunt / bin, abri o arquivo e modifiquei:

#!/usr/bin/env node

Para

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

--debug-brk irá quebrar na primeira linha do javascript executado.

Fazer isso sozinho não é suficiente, pois você não será capaz de encontrar seu arquivo js de tarefa grunt no menu suspenso no inspetor de nó, então você tem que modificar o arquivo que você está interessado em depurar adicionando debugger;onde você quer que o ponto de interrupção aconteça. Agora você pode clicar em continuar após o primeiro intervalo, e você quebrará na sua debugger;linha

Bastante desajeitado, mas é a única maneira que encontrei até agora.

Recentemente criei o grunt-node-inspector para configurar facilmente o node-inspector com o resto do seu fluxo de trabalho do grunt, verifique: https://github.com/ChrisWren/grunt-node-inspector

Aqui está uma seção de um Gruntfile que ilustra como você pode depurar uma tarefa grunt usando grunt-node-inspector, grunt-concurrent e grunt-shell: https://github.com/CabinJS/Cabin/blob/master/Gruntfile. js # L44-L77

Eu fiz uma tarefa para executar meu aplicativo e iniciar o node-inspector. É muito melhor do que a proposta atual, você só precisa adicionar esta tarefa no 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');
    });

Ótimas respostas aqui. Em 2017, agora você pode fazer

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

Que imprime algo parecido.

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

Abra esse URL no Chrome e pronto!

Estou usando o Node 7.3.0 e estou no Mac. Talvez você precise seguir alguns dos conselhos em outras postagens para implementá-lo no Windows.

Atualização de 2019

• Se você deseja iniciar a tarefa grunt no modo de depuração e interromper na primeira linha:

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

• Se você deseja iniciar a tarefa grunt no modo de depuração em uma porta específica:

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

• se você deseja anexar VSCODE ao processo do nó que executa a sessão de depuração do grunt, use a seguinte configuração em 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
    }
  ]
}