Отладка Grunt от Webstorm

Его можно запускать задачи grunt внутри WebStorm с помощью внешних инструментов. Однако можно ли использовать отладку с помощью внешних инструментов? Запустив такие задачи, как grunt server или grunt test в WebStorm, это облегчит отладку, если это возможно с помощью внешних инструментов, таких как grunt.

Ответ 1

Вам нужно запустить grunt-cli в качестве приложения Node:

  • Создайте новую конфигурацию Node.js Run/Debug: Run- > Edit configuration...
  • В Путь к Node выберите двоичный файл Node, т.е. /Users/someuser/nvm/v0.10.5/bin/node
  • В Рабочий каталог выберите каталог Gruntfile.js, то есть /Projects/someproject
  • В Путь к Node Файл приложения JS выберите путь к командной строке Grunt (вы можете выбрать символическую ссылку grunt-cli, созданную в вашем каталоге Node bin, WebStorm будет использовать цель symlink), т.е.: /Users/someuser/nvm/v0.10.5/lib/node_modules/grunt-cli/bin/grunt (C:\Users\someuser\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt в Windows 7)
  • В Параметры приложения введите задачу Grunt для запуска, то есть test

Нажмите "Запустить" или "Отладить", и все будет выполнено:)

Ответ 2

Я просто попробовал это в WebStorm 10 сегодня. Я не уверен, что это новая функция, но WebStorm интегрировали шаги, описанные @diego, поэтому вам не нужно выполнять их вручную:

  • Нажмите "Просмотр" > "Инструменты" > "Грунт", чтобы отобразить окно "Грунт" в WebStorm.
  • Щелкните правой кнопкой мыши по любой задаче и выберите "Отладка"

Вы можете установить точки останова и т.д. в Gruntfile.js так же, как и любой другой файл.