来自Webstorm的Grunt调试

Posted 2021-04-15

它可以通过外部工具在WebStorm中运行grunt任务。但是，是否可以利用外部工具进行调试？通过在WebStorm中运行grunt server或grunt test等任务，如果可以使用像grunt这样的外部工具，它将使调试变得更容易。

答案

您必须将grunt-cli作为Node应用程序运行：

• 创建一个新的Node.js运行/调试配置：运行 - >编辑配置...
• 在Path to Node中选择节点二进制，即：/Users/someuser/nvm/v0.10.5/bin/node
• 在工作目录中，选择您的Gruntfile.js目录，即/Projects/someproject
• 在Path to Node App JS File中，选择您的Grunt CLI路径（您可以选择在节点bin目录中创建的grunt-cli符号链接，WebStorm将使用符号链接目标），即：/Users/someuser/nvm/v0.10.5/lib/node_modules/grunt-cli/bin/grunt（Windows 7上的C:UserssomeuserAppDataRoaming pm ode_modulesgrunt-cliingrunt）
• 在应用程序参数中输入要运行的Grunt任务，例如default或test

单击Run或Debug，你就完成了:)

另一答案

我今天碰巧在WebStorm 10中尝试过这个。我不确定它是否是一个新功能，但WebStorm已经集成了@diego描述的步骤，因此您不必手动执行它们：

1. 单击视图>工具窗口> Grunt以在WebStorm中显示Grunt窗口。
2. 右键单击任何任务，然后选择“调试”

您可以像在任何其他文件中一样在Gruntfile.js中设置断点等。