angular - Angular のプロファイラーフレームチャートに関数が表示されない

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.jsonwebpackを本番モードで実行するように構成していると思っていましたが、ng newいくつかの外部スクリプト+ scssファイルを追加することを除いて、新しいプロジェクトとまったく同じです(それらを比較しました)。

score 1 · Accepted Answer

私が探していたツールは、chrome Dev Tools で Javascript Profiler と呼ばれるようになりました (右上の 3 つのドットメニューに隠されています)。