Web 应用程序中的 grunt 任务的进度

Question

我用 grunt 构建了一个应用程序，我目前正在制作一个使用这个应用程序的 Web 界面（带有节点和角度）。 我在 NodeJS 中创建了一个使用 childProcess 执行 grunt 任务的按钮：

child_process.exec(my-command-grunt[, options], callback)

它可以正常工作，但该任务需要很长时间（约 10 秒）。出于这个原因，我当时展示了一个加载器，但我宁愿有一个进度条。如果有一种方法可以在运行时了解 grunt 任务的进度，这将帮助我用网页上的动态进度条替换加载器。

非常感谢！

Answer 1

据我所知，不可能只收到当前正在运行的任务的百分比进度。

但有办法！ child_process.exec 将返回 ChildProcess 实例。然后，您可以访问 stdout 和 stderr 流（通过 child.stdout 和 child.stderr）。这些流是事件发射器，您可以监听data 事件并使用一些正则表达式来解析此输出。正则表达式可以是 /Running "([^"]*)"/ 之类的东西，然后您可以匹配其结果并向客户端报告 grunt 的进度。