node.js - 使用 spy-js 分析 gulp 构建

Question

来自 webstorm blog 中的评论之一文章中说，可以通过创建脚本文件并使用 grunt 调用来调试 grunt 程序。我有一个我喜欢分析的 gulp 设置。所以，我用

创建了一个脚本文件

var gulp = require('gulp');
require('./gulpfile');
gulp.start.apply(gulp, ['default'])

当我使用 spy-js 运行 session 运行它时，它会执行大量跟踪信息。 traced application 窗口显示它正确运行，因为我可以看到日志。但是，我在 trace run 窗口中找不到我的任何方法。我应该在哪里寻找从我的 gulpfile.js 调用的函数？我尝试通过单击中间窗口并开始输入来进行快速搜索。但是我找不到任何方法。

另一个qn，如何在快速搜索窗口中转到下一个命中。如附图所示，它达到了一个结果，但我想转到下一个。如何？

Answer 1

最好的方法是使用 capture exclusions去除您不感兴趣的文件中的噪音。

在上面的屏幕截图中，应用了单个文件过滤器(意味着除了这个文件之外什么都不会被捕获)，因此在应用这种过滤器并重新启动 session 后，您将只能看到来自 gulpfile.js 的代码。您可以使用 glob 模式来包含/排除您需要的文件。我怀疑在您的场景中排除所有 Node 模块就足够了。有一个创建此类过滤器的快捷方式，只需右键单击事件 Pane 中的根 Node 并选择“静音 Node 模块”:

如果您有兴趣跟踪某些 Node 模块，您可以修改过滤器以排除您不感兴趣的那些。您还可以通过在堆栈中定位它们的函数之一来为各个 Node 模块创建过滤器树并使用“静音此 Node 模块”上下文操作。