What is the best way to debug gulp plugins when developing using webstorm

Question

I am trying to find a better way to debug gulp plugins during development using webstorm. I have an example project and a couple of gulp plugins, and I want to track and verify the code in webstorm right after running the gulp in the terminal. Ideally, I want to add a debugger statement or breakpoint inside webstorm to track code execution.

Answer 1

Use this guide (shameless self-promotion) to customize your configurations. Then debugging should work as is.

In addition, you will not need to run gulp from the command line separately, as webstorm will do this for you.

Answer 2

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