Tag: systemjs

我该如何提高Angular2应用程序的负载性能？: Angular2的应用程序加载速度慢，我怎样才能提高性能的负载？我使用Angular2，使用html5打字。目前我的应用程序需要4秒加载。我使用Firebase托pipe并使用cloudflare。我正在做的事情/信息：我压缩了图像。我缩小CSS 我把js缩小了。我在脚本上使用asynchronous。我的脚本在我的。脚本大约700kb 我用谷歌速度testing，并得到65％我使用的库的缩小版本，例如bootstrap等使用systemjs。这是使用的种子应用程序： https ： //github.com/mgechev/angular-seed stream：当应用程序加载它显示一个蓝色的屏幕（这是引导的CSS），然后4秒后，应用程序加载和工作非常快。但需要4秒加载。这似乎是systemjs最小化的app.js文件正在减慢整个应用程序，而不是足够快地显示视图。这是我的网站速度testing： https ： //www.webpagetest.org/result/161206_F5_N87/ 这是我的网站： https://thepoolcover.co.uk/ 让我知道，如果你需要更多的信息关于我的应用程序和我可以做的任何其他事情。

Angular2加载的文件请求过多: 我正在使用Angular2制作一个网站，而且我有我想要的是一个问题。在我的angular度页面的第一次加载时， SystemJS发出超过500个请求来检索angular2/src目录中的每个Angular2文件。总的来说，首次下载量超过4MB，启动时间超过14秒。我的index.html包含以下脚本： <script src="libs/angular2/bundles/angular2-polyfills.js"></script> <script src="libs/systemjs/dist/system.src.js"></script> <script src="libs/rxjs/bundles/Rx.js"></script> <script src="libs/angular2/bundles/angular2.min.js"></script> <script src="libs/angular2/bundles/http.dev.js"></script> <script src="libs/jquery/jquery.js"></script> <script src="libs/lodash/lodash.js"></script> <script src="libs/bootstrap/js/bootstrap.js"></script> 而我的systemJs初始化代码如下所示： <script> System.config({ defaultJSExtensions: true, paths: { '*': 'libs/*', 'app/*': 'app/*' }, packageConfigPaths: ['libs/*/package.json'], packages: { app: { format: 'register', defaultExtension: 'js' } } }); System.import('app/main') .then(null, console.error.bind(console)); </script> 我的公用文件夹具有以下结构： . ├── img ├── […]

SystemJS和Webpack有什么区别？: 我正在创build我的第一个Angular 2应用程序，我想知道模块加载器的作用。为什么我们需要他们？我试图search和search谷歌，我不明白为什么我们需要安装其中的一个来运行我们的应用程序？仅仅使用import来加载节点模块的东西是不够的？我遵循这个教程（使用SystemJS），它使我使用systemjs.config.js文件： /** * System configuration for Angular 2 samples * Adjust as necessary for your application needs. */ (function(global) { // map tells the System loader where to look for things var map = { 'app': 'transpiled', // 'dist', '@angular': 'node_modules/@angular', 'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api', 'rxjs': 'node_modules/rxjs' }; // packages tells […]