Question

我正在使用Angluar CLI入门套件，而且我遇到了性能问题。我不可能使用Firefox处理我的应用程序，所以我必须使用Chrome（它占用大量内存）。我正在查看我的chrome的网络流量控制台，我看到了这些细节：

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

这太恶心了，我对Firefox几乎无法处理它并不感到惊讶。我几乎没有开始开发我的应用程序。

所以，我的问题是：

这是正常的吗？
当我将我的应用程序设置为生产时会是这样吗？
对此有什么解决方案吗？

这不是Angular2 too many file requests on load的可能性，因为我正在使用Angular CLI而且它更加不同，我甚至不知道如何将Webpack与此框架结合起来。

Answer 1

这是systemjs.config.js中387个请求的原因：

 // 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

如果您设置System.packageWithIndex = false：

，那么您可以将其减少到40个请求

   <script>
         System.packageWithIndex = false;
        System.import('./app/bootstrap').catch(console.log.bind(console));
    </script>

Angular 2请求性能问题

1 个答案: