Gruntタスクでのノードインスペクターの使用

誰かがアプリケーションのデバッグにGruntでノードインスペクターを使用しましたか？そうでない場合、Gruntベースのアプリのデバッグツールを推奨できますか？

私が働いているnodejsサーバー側のアプリのために、私は持っているの兵卒が分離されたタスクを使用する（ユーザーが個別にタスクを実行することができるからです）。

デバッグでgruntを実行するには、明示的にgruntスクリプトをノードに渡す必要があります。

node-debug $(which grunt) task

そしてdebugger;、あなたの仕事に線を入れてください。node-inspector次に、デバッグツールを使用してブラウザを開きます。

2014年2月28日を編集

node-inspectorはnode-debugノードを--debug状態で起動し、ブラウザをnode-inspectorページに開き、最初のdebugger行に到達するかブレークポイントを設定すると停止するコマンドを追加しました。

2015年1月30日を編集

Windowsでは、状況は少し複雑です。手順については、@ e.gluhotorenkoからの回答を参照してください。

Windowsソリューション

走る

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

ディレクトリのcmdからGruntfile.js。debugger;必要な場所に線を入れることを忘れないでください。

デバッグするには、binの下のgruntファイルを変更する必要があります。私のマシンでは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を作成して、残りのgruntワークフローでnode-inspectorを簡単に構成できるようにしています。https：//github.com/ChrisWren/grunt-node-inspectorを確認してください。

これは、grunt-node-inspector、grunt-concurrent、およびgrunt-shellを使用してgruntタスクをデバッグする方法を示すGruntfileのセクションです。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年更新

• グラントタスクをデバッグモードで起動し、最初の行で中断する場合：

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

• 特定のポートでデバッグモードでgruntタスクを起動する場合：

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

• gruntのデバッグセッションを実行しているノードプロセスにVSCODEをアタッチする場合は、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
    }
  ]
}