Angular 2 fordert Leistungsproblem

Question

Ich benutze das Angluar CLI-Starter-Kit, und ich habe Probleme mit der Leistung. Es ist für mich unmöglich, mit Firefox an meiner App zu arbeiten, also muss ich mit Chrome arbeiten (das viel RAM verbraucht). Ich war auf der Suche auf dem Netzwerkverkehr Konsole meiner Chrom, und ich sah diese Details:

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

Das ist so krank, ich bin nicht überrascht, dass mein Firefox kann es nicht kaum behandeln. Und ich habe kaum angefangen, meine App zu entwickeln.

Also, meine Fragen sind:

• Ist es normal?
• Wird es so sein, wenn ich meine App auf Produktion einstellen werde?
• Gibt es eine Lösung dafür?

---

Dies ist nicht eine mögliche Dubletten von Angular2 too many file requests on load weil ich Angular CLI bin mit Und es ist viel anders, ich weiß nicht einmal, wie ich Webpack mit diesem Rahmen zu kombinieren.

Answer 1

Dies ist der Grund für die 387 Anfragen in 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 

Also, wenn Sie das zu 40 Anfragen reduzieren könnten Sie setzen System.packageWithIndex = false:

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