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

Кто-нибудь использовал инспектор узлов с Grunt для отладки приложений? Если нет, можете ли вы порекомендовать инструмент отладки для приложений на основе Grunt?

Я работаю с nodejs для приложения на стороне сервера, и у меня есть Grunt для использования разделенных задач (это потому, что пользователи могут выполнять задачи отдельно).

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

node-debug $(which grunt) task

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

Редактировать 28 февраля 2014 г.

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

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

В Windows дела обстоят немного сложнее. Инструкции см. В ответе @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

Чтобы

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

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

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

Довольно глупо, но пока что я нашел единственный способ.

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

Вот раздел Gruntfile, в котором показано, как можно отладить задачу grunt с помощью grunt-node-Inspector, 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
    }
  ]
}