0

Angluar CLI スターター キットを使用していますが、パフォーマンスに問題があります。自分のアプリを Firefox で作業することは不可能なので、Chrome で作業する必要があります (大量の RAM を消費します)。Chrome のネットワーク トラフィック コンソールを見ていたら、次の詳細が表示されました。

387 request | 143 KB transferred | Finish: 5.38 s | DOMContentLoader: 575 ms | Load: 1.34s

これはとてもひどいので、私の Firefox がかろうじて処理できないことに驚きはありません。そして、私は自分のアプリの開発をほとんど始めませんでした。

だから、私の質問は次のとおりです。

  • それは正常ですか?
  • アプリを本番環境に設定すると、そのようになりますか?
  • これに対する解決策はありますか?

これは、Angular CLIを使用しているため、ロード時に Angular2 のファイル要求が多すぎる可能性のある重複ではありません。さらに、Webpack をこのフレームワークと組み合わせる方法もわかりません。

4

1 に答える 1

1

これが 387 件のリクエストの理由ですsystemjs.config.js

 // Individual files (~300 requests):
  function packIndex(pkgName) {
    packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
  }
  // Bundled (~40 requests):
  function packUmd(pkgName) {
    packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
  }
  // Most environments should use UMD; some (Karma) need the individual index files
  var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
  // Add package entries for angular packages

したがって、次のように設定すると、それを 40 リクエストに減らすことができますSystem.packageWithIndex = false

   <script>
         System.packageWithIndex = false;
        System.import('./app/bootstrap').catch(console.log.bind(console));
    </script>
于 2016-06-23T08:33:02.083 に答える