Angular 中的 Profiler 火焰图未显示我的功能

Question

这是我的分析器为使用 angular-cli 构建的 Angular 7 应用程序显示的内容。

每个函数调用都捆绑在zone.js 下，我无法获得有关运行内容和运行时间的有用信息。

---

应用程序正在运行：ng serve，我认为处于调试模式：

在 main.ts 中

if (environment.production) {
  console.log('production mode!');
  enableProdMode();
} else {
  console.log('debug mode!');

在运行时，enableProdMode() 不会被调用。

我以为我的 angular.json 将 webpack 配置为在生产模式下运行，但它与带有 ng new 的新项目完全相同（不同），除了添加了一些外部脚本 + scss 文件。

Answer 1

我一直在寻找的工具现在在 chrome Dev Tools 中称为 Javascript Profiler（它隐藏在右上角的三点菜单中）。