npm - AppVeyor 构建步骤的时间安排

Question

我正在使用 appveyor.yml 驱动 AppVeyor 构建文件，在本例中是 Angular CLI 构建。这是我文件的一部分:

test_script:
  - npm run lint
  - npm test
  - npm run e2e
  - npm run build

这些都是 npm scripts将实际工作委托(delegate)给 ng cli。

如何正确获取每个步骤的时间？我的真实构建甚至更大，对于初学者来说，我想看看(最好作为总结)每个步骤花了多长时间。

我尝试添加 - ps: Get-Date -Format "o"在每个步骤之间，这是一种解决方法，但不是一个很好的解决方法。

这可以以更方便的方式完成吗？

Answer 1

既然信息在工具提示中可用，为什么不使用 CSS 呢？这在构建更新时也有效。这是在我的 GreaseMonkey 脚本中(但我想您也可以在开发工具中使用样式编辑器，Stylus 或类似的):

((css) => {
  let style = document.createElement("style");
  style.textContent = css;
  document.body.appendChild(style);
})(`
/* Stretch the log, do not limit its width */
body > div > div.row {
  max-width: initial;
}
/* Prepend mm:ss before every line */
div#job-console > div:before {
  visibility: visible;
  content: attr(title);
  color: gold;
  margin-top: 0;
  margin-left: -5rem;
  margin-right: 4em;
  height: auto;
  display: inline;
}
`);

我使用 -5rem 以便完全隐藏小时部分(许多测试不需要一个小时即可运行，因此为实际日志消息提供了另外三个字符)。