0

我正在使用 Angluar CLI 入门套件,但我遇到了性能问题。我无法使用 Firefox 开发我的应用程序,因此我必须使用 Chrome(它会占用大量 RAM)。我正在查看我的 chrome 的网络流量控制台,我看到了这些详细信息:

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

这太恶心了,我的 Firefox 几乎不能处理它并不奇怪。我几乎没有开始开发我的应用程序。

所以,我的问题是:

  • 正常吗?
  • 当我将我的应用程序设置为生产时会是这样吗?
  • 有什么解决办法吗?

这不是 Angular2加载时太多文件请求的可能重复,因为我使用的是Angular CLI而且它更不同,我什至不知道如何将 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 回答