Использование инспектора узлов с задачами Grunt

Чтобы запустить grunt в режиме отладки, вам нужно явно передать скрипт grunt на узел:

node-debug $(which grunt) task

и поместите строку debugger; в свою задачу. node-inspector откроет браузер с инструментами отладки.

Изменить 28 февраля 2014 г.

node-inspector добавил команду node-debug, которая запускает узел в состоянии --debug и открывает браузер на странице node-inspector, останавливаясь при достижении первой строки debugger или установке точки останова.

Редактировать 30 января 2015 г.

В Windows все немного сложнее. Инструкции см. в ответе @e.gluhotorenko.

решение для Windows

Бегать

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

из cmd в каталоге с вашим Gruntfile.js. Не забудьте поставить debugger; строку в нужных местах.

Для отладки нам нужно изменить файл grunt в bin. На моей машине grunt установлен глобально, поэтому я зашел в /usr/local/lib/node_modules/grunt/bin, открыл файл и изменил:

#!/usr/bin/env node

To

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

--debug-brk сломается на первой строке запущенного javascript.

Одного этого недостаточно, поскольку вы не сможете найти js-файл своей задачи grunt в раскрывающемся списке в инспекторе узлов, поэтому вам нужно изменить файл, который вы хотите отладить, добавив debugger; где вы хотите, чтобы точка останова произошла. Теперь вы можете нажать «Продолжить» после первого разрыва, и вы прервете свою debugger; строку.

Довольно kludgy, но это единственный способ, который я нашел до сих пор.

Недавно я создал grunt-node-spector, чтобы легко сконфигурировать его с остальной частью вашего рабочего процесса grunt, проверьте его: https://github.com/ChrisWren/grunt-node-spector

Вот раздел файла Grunt, который иллюстрирует, как вы можете отлаживать задачу grunt, используя grunt-node-spector, grunt-concurrent и grunt-shell: https://github.com/CabinJS/Cabin/blob/master/Gruntfile.js#L44-L77

Я выполнил задачу по запуску своего приложения и запуску узла-инспектора. Это намного лучше, чем текущее предложение, вам просто нужно добавить эту задачу в 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');
    });

Отличные ответы здесь. В 2017 году теперь можно

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

Который печатает что-то вроде.

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

Откройте этот URL-адрес в Chrome, и все готово!

Я использую Node 7.3.0 и работаю на Mac. Возможно, вам придется следовать некоторым советам из других сообщений, чтобы запустить его в Windows.

Обновление 2019 года

• Если вы хотите запустить задачу grunt в режиме отладки и прервать первую строку:

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

• Если вы хотите запустить задачу grunt в режиме отладки на определенном порту:

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

• если вы хотите прикрепить VSCODE к процессу узла, выполняющему сеанс отладки grunt, используйте следующую конфигурацию в 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
    }
  ]
}