Używanie inspektora węzła z zadaniami Grunt

Czy ktoś używał inspektora węzła z Gruntem do debugowania aplikacji? Jeśli nie, czy możesz polecić narzędzie do debugowania aplikacji opartych na Grunt?

Pracuję z nodejs dla aplikacji po stronie serwera i mam Grunt do używania oddzielnych zadań ( dzieje się tak, ponieważ użytkownicy mogą wykonywać zadania oddzielnie).

Aby uruchomić grunt podczas debugowania, musisz jawnie przekazać skrypt do węzła:

node-debug $(which grunt) task

i umieść debugger;linię w swoim zadaniu. node-inspectorotworzy przeglądarkę z narzędziami do debugowania.

Edycja 28 lutego 2014

node-inspectordodał polecenie node-debug, które uruchamia węzeł w --debugstanie i otwiera przeglądarkę na node-inspectorstronie, zatrzymując się, gdy trafi w pierwszą debuggerlinię lub ustawia punkt przerwania.

Edycja 30 stycznia 2015

W systemie Windows sytuacja jest nieco bardziej skomplikowana. Instrukcje znajdują się w odpowiedzi od @ e.gluhotorenko.

Rozwiązanie Windows

Biegać

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

z cmd w katalogu z plikiem Gruntfile.js. Nie zapomnij umieścić debugger;linki w niezbędnych miejscach.

Aby debugować, musimy zmodyfikować plik gruntowy w bin. Na moim komputerze grunt jest zainstalowany globalnie, więc przeszedłem do / usr / local / lib / node_modules / grunt / bin, otworzyłem plik i zmodyfikowałem:

#!/usr/bin/env node

Do

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

--debug-brk zepsuje pierwszą linię uruchomionego javascript.

Samo zrobienie tego nie wystarczy, ponieważ nie będziesz w stanie znaleźć pliku js z zadaniem gruntownym w menu rozwijanym w inspektorze węzłów, więc musisz zmodyfikować plik, który chcesz debugować, dodając debugger;gdzie chcesz, aby nastąpił punkt przerwania. Teraz możesz kliknąć Kontynuuj po pierwszej przerwie, a przerwiesz na debugger;linii

Dość niezdarnie, ale to jedyny sposób, jaki do tej pory znalazłem.

Niedawno utworzyłem inspektora grunt-node, aby łatwo skonfigurować inspektora węzła z resztą przepływu pracy, sprawdź to: https://github.com/ChrisWren/grunt-node-inspector

Oto sekcja pliku Gruntfile, która ilustruje, jak można debugować zadanie gruntowe za pomocą grunt-node-inspector, grunt-concurrent i grunt-shell: https://github.com/CabinJS/Cabin/blob/master/Gruntfile. js # L44-L77

Wykonałem zadanie, aby uruchomić moją aplikację i uruchomić node-inspector. Jest o wiele lepsze niż obecna propozycja, wystarczy dodać to zadanie w 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');
    });

Świetne odpowiedzi tutaj. W 2017 roku możesz to zrobić

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

Który drukuje coś w stylu.

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

Otwórz ten adres URL w chrome i gotowe!

Używam Node 7.3.0 i używam Maca. Być może będziesz musiał postępować zgodnie z poradami w innych postach, aby uruchomić go w systemie Windows.

Aktualizacja 2019

• Jeśli chcesz uruchomić zadanie gruntowne w trybie debugowania i przerwać w pierwszym wierszu:

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

• Jeśli chcesz uruchomić zadanie gruntowne w trybie debugowania na określonym porcie:

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

• jeśli chcesz dołączyć kod VSCODE do procesu węzła, który uruchamia sesję debugowania grunt, użyj następującej konfiguracji w 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
    }
  ]
}