Menggunakan node-inspector dengan tugas Grunt

Apakah seseorang menggunakan node-inspector dengan Grunt untuk debugging aplikasi? Jika tidak, Dapatkah Anda merekomendasikan alat debugging untuk aplikasi berbasis Grunt?

Saya bekerja dengan nodejs untuk aplikasi sisi server dan saya memiliki Grunt untuk menggunakan tugas terpisah (ini karena pengguna dapat menjalankan tugas secara terpisah).

Untuk menjalankan grunt di debug, Anda harus meneruskan skrip grunt ke node secara eksplisit:

node-debug $(which grunt) task

dan beri debugger;garis dalam tugas Anda. node-inspectorkemudian akan membuka browser dengan alat debugging.

Edit 28 Feb 2014

node-inspectortelah menambahkan perintah node-debug, yang meluncurkan node dalam --debugkeadaan dan membuka browser ke node-inspectorhalaman, berhenti saat mencapai debuggerbaris pertama atau menyetel breakpoint.

Edit 30 Januari 2015

Di Windows, segalanya menjadi lebih rumit. Lihat jawaban dari @ e.gluhotorenko untuk petunjuk.

Solusi Windows

Lari

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

dari cmd di direktori dengan Anda Gruntfile.js. Jangan lupa memberi debugger;garis di tempat yang diperlukan.

Untuk men-debug, kita harus memodifikasi file grunt di bawah bin. Di mesin saya, grunt diinstal secara global, jadi saya pergi ke / usr / local / lib / node_modules / grunt / bin Saya membuka file dan memodifikasi:

#!/usr/bin/env node

Untuk

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

--debug-brk akan berhenti di baris pertama javascript yang dijalankan.

Melakukan itu saja tidak cukup, karena Anda tidak akan dapat menemukan file js task grunt di drop down di node inspector, jadi Anda harus memodifikasi file yang ingin Anda debug dengan menambahkan debugger;where. Anda ingin breakpoint terjadi. Sekarang Anda dapat mengklik lanjutkan setelah jeda pertama, dan Anda akan memutuskan debugger;baris Anda

Cukup kotor, tapi itu satu-satunya cara yang saya temukan sejauh ini.

Saya baru-baru ini membuat grunt-node-inspector untuk dengan mudah mengkonfigurasi node-inspector dengan sisa alur kerja grunt Anda, lihat: https://github.com/ChrisWren/grunt-node-inspector

Berikut adalah bagian dari Gruntfile yang menggambarkan bagaimana Anda dapat men-debug tugas grunt menggunakan grunt-node-inspector, grunt-concurrent, dan grunt-shell: https://github.com/CabinJS/Cabin/blob/master/Gruntfile. js # L44-L77

Saya telah melakukan tugas untuk menjalankan aplikasi saya dan meluncurkan node-inspector. Ini jauh lebih baik daripada proposisi saat ini, Anda hanya perlu menambahkan tugas ini di 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');
    });

Jawaban bagus di sini. Di 2017, sekarang Anda bisa melakukannya

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

Yang mencetak sesuatu seperti.

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

Buka URL itu di chrome, dan Anda siap melakukannya!

Saya menggunakan Node 7.3.0 dan saya menggunakan Mac. Anda mungkin harus mengikuti beberapa saran di posting lain untuk menjalankannya di Windows.

Pembaruan 2019

• Jika Anda ingin meluncurkan tugas kasar dalam mode debug dan berhenti di baris pertama:

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

• Jika Anda ingin meluncurkan tugas grunt dalam mode debug di port tertentu:

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

• jika Anda ingin melampirkan VSCODE ke proses node yang menjalankan sesi debugging grunt, gunakan konfigurasi berikut di 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
    }
  ]
}