What the best way to debug gulp plugins during developing using webstorm

Question

I'm trying to find the best way for debug gulp plugins during developing using webstorm. I have a project example and couple gulp plugins, and I want to trace and inspect the code in webstorm right after I run gulp command in terminal. Ideally I want to add debugger statement or breakpoint inside the webstorm to trace the code execution.

Answer 1

Use this guide (shameless self promotion) to setup your configurations. Then debug should just work as is.

Also, you won't need to run gulp from commandline separately, since webstorm will do that for you.

Answer 2

this is an old question, and has an very good answer, here is another one with VS Code debugging-gulp-in-VS-Code