web-dev-qa-db-fra.com

Débogage de Grunt depuis Webstorm

Il est possible d'exécuter des tâches de grognement dans WebStorm via des outils externes. Cependant, est-il possible de bénéficier du débogage avec des outils externes? En exécutant des tâches comme grunt server ou grunt test dans WebStorm, cela faciliterait le débogage si cela était possible avec des outils externes comme grunt.

49
Kamal Reddy

Vous devez exécuter grunt-cli comme une application Node:

  • Créez une nouvelle configuration Node.js Run/Debug: Run-> Edit configurations ...
  • Dans Path to Node choisissez votre nœud binaire, c'est-à-dire: /Users/someuser/nvm/v0.10.5/bin/node
  • Dans Répertoire de travail, choisissez votre Gruntfile.js répertoire, c'est-à-dire /Projects/someproject
  • Dans Chemin d'accès à Node Fichier JS de l'application, choisissez votre chemin d'accès Grunt CLI (vous pouvez choisir le grunt-cli lien symbolique créé sur votre répertoire bin de noeud, WebStorm utilisera la cible du lien symbolique), c'est-à-dire: /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 sous Windows 7)
  • Dans Paramètres d'application entrez la tâche Grunt à exécuter, par exemple default ou test

Cliquez sur Exécuter ou Déboguer et vous avez terminé :)

98
Diego

Je viens d'essayer cela dans WebStorm 10 aujourd'hui. Je ne sais pas si c'est une nouvelle fonctionnalité mais WebStorm a intégré les étapes décrites par @diego pour que vous n'ayez pas à les exécuter manuellement:

  1. Cliquez sur Affichage> Fenêtres d'outils> Grunt pour afficher la fenêtre Grunt dans WebStorm.
  2. Faites un clic droit sur une tâche et choisissez "Déboguer"

Vous pouvez définir des points d'arrêt, etc. dans Gruntfile.js comme vous le feriez pour tout autre fichier.

9
jayp