に定義されたgulpタスクをGoogle Chromeデバッガなどのデバッガでデバッグするには、タスクのコードを1行ずつ順番に実行します。Gulpタスクをデバッグするには?
答えて
Node.jsバージョン6.3以降では、--inspect
flagを使用すると、デバッグがはるかに簡単になりました。どこ一気実行可能命を見つける
:
build
という名前の一気のタスクをデバッグする。 gulpがローカルにインストールされている場合、これは
node_modules/.bin/gulp
になります。それ以外の場合は、端末でLinux/Macではwhich gulp
、Windowsではwhere gulp
を実行してください。実行
node --inspect --debug-brk ./node_modules/.bin/gulp build
。必要に応じて、./node_modules/.bin/gulp
をガルプインストールのパスに置き換えます。Chromeを使用して、コンソールに印刷されるURLを参照します。それは
chrome-devtools://devtools/remote/serve_file/@xxxxxxxxx/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:9229/xxx-xxx-xxx
のように見えます。
--debug-brk
フラグは、すぐにコードの実行を一時停止するために使用されます。これにより、タスクが完了する前にブラウザーを開き、ブレークポイントを設定する機会が与えられます。
また、Chromeの拡張子はNode.js Inspector Manager (NIM)で、手順3を参考にすることもできます。端末からURLをコピーして貼り付ける代わりに、デバッガをすぐに使用できるChromeタブが自動的に開きます。
gulp-nodemonを使用している場合は、gulpファイルでこれを行うことができます。 execMapオプションを渡してください:
gulp.task('default', function() {
nodemon({
script: 'server.js',
ext: 'js',
execMap: {
js: "node --inspect"
}
})
}
これが役に立ちます。
ありがとうuser2943490は、Windows上で私は、このバージョンは、私のために働いた:誰のための
node --inspect --debug-brk ./node_modules/gulp/bin/gulp.js --verbose
は、VSのコードを使用して1.10+
- オープンデバッグパネル。
- 設定アイコンをクリックします。
- コンフィグレーションの追加ボタンをクリックします。
- Node.js:Gulp Taskを選択します。
これは、launch.jsonファイルの外観です。
{ // 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": "launch", "name": "Gulp task", "program": "${workspaceFolder}/node_modules/gulp/bin/gulp.js", "args": [ "yourGulpTaskName" ] } ] }
- 1. パッケージのgulpタスクをgulpタスク内で実行する
- 2. Gulpタスクを介して起動されたnode.js Webアプリケーションのデバッグ
- 3. gulp srcタスクに親ディレクトリを含める
- 4. Gulp 4タスクをプログラムで実行する
- 5. gulpタスクでバイナリファイルをスキップする
- 6. バックエンドからgulpタスクを起動する
- 7. gulpタスクでファイルを移動する
- 8. gulpでタスクを分割
- 9. npmパッケージ内にGulpタスクをパッケージ化するには?
- 10. 実行時にgulpタスクを実行するには
- 11. Gulp - タスク内の条件付きタスク
- 12. gulpタスクをデバッグするのが最初のブレークポイントに達するのが非常に遅い
- 13. 失敗したGulpタスクでコールスタックを削除するには?
- 14. 私のgulpタスクからelectron-rebuildを実行するには?
- 15. gulp、parent gulpfile.jsのタスク継承
- 16. Gulpタスク:ループ内のストリーム
- 17. Gulpタスク角度ファイルを破る
- 18. gulp-uglifyプラグインなしのgulpタスクでuglify-jsを実行
- 19. EclipseからデバッグAntタスクをデバッグ
- 20. 依存するタスクの後にGulpが終了する
- 21. NPMパッケージのインストール後にgulpタスクを実行する
- 22. gulpタスクがscssをcssに変換する方法
- 23. Gulp - 引数付きタスクを開始
- 24. gulpタスクの名前を変更
- 25. gradleタスクのデバッグcompileReleaseJavaWithJavac
- 26. gulp-imageminタスクを実行するとエラーが発生する
- 27. gulpで別のタスクから繰り返しタスクを起動する方法4
- 28. 別のタスクからgulpタスクを実行するにはどうすればよいですか?
- 29. gulpタスクが失敗したときにmsbuildが失敗する
- 30. Gulp Watchタスクの早期終了
一度ロードされ、後にgulp.jsにブレークポイントを追加します( 'env.configPath)が必要です;' - あなたがソースでそれを見つけると、ブレークポイントを追加することができますので、あなたのgulpfileをロードします。 – TrueWill
'chrome:// inspect'に行くと、devtoolsアドレスを知る必要はありません – Capripot