Angular 2 polyfills初始化需要太长时间

Question

我对前端开发很新，并且对angular2 app有一些问题。

正如您可以看到下面的时间线捕捉，polyfills玩的时间太长（差不多6秒！） 这似乎不正常。但是，我不知道如何减少这种填充时间。

conf的一些行。

  // Add build specific plugins
  if (ENV === 'build') {
    config.plugins.push(
      // Reference: http://webpack.github.io/docs/list-of-plugins.html#noerrorsplugin
      // Only emit files when there are no errors
      new webpack.NoErrorsPlugin(),

      // Reference: http://webpack.github.io/docs/list-of-plugins.html#dedupeplugin
      // Dedupe modules in the output
      new webpack.optimize.DedupePlugin(),

      // Reference: http://webpack.github.io/docs/list-of-plugins.html#uglifyjsplugin
      // Minify all javascript, switch loaders to minimizing mode
      new webpack.optimize.UglifyJsPlugin({
          compress: { warnings: false }
      })
    );
  }

我在我的应用中使用的整个webpack.config.js。 https://gist.github.com/jeesim2/484186d630fedc9f42e264ca905ad123

我的角度版

"@angular/common": "^2.0.1",
"@angular/compiler": "^2.0.1",
"@angular/core": "^2.0.1",
"@angular/forms": "^2.0.1",
"@angular/http": "^2.0.1",
"@angular/platform-browser": "^2.0.1",
"@angular/platform-browser-dynamic": "^2.0.1",
"@angular/router": "^3.0.1",

webpack.optimize.UglifyJsPlugin将包大小减少到70％但页面加载速度却没有变快。

导致此长页面加载的原因是什么？

Answer 1

欢迎使用angular2单页应用:)。 A2仍处于开发状态的恕我直言。这种行为是正常的，取决于OS /浏览器/组件数字呈现需要几秒钟。由于带有A2 / vendor / polyfill的捆绑文件大约为800kb +（最小化），因此需要一些时间来读取所有浏览器内存。

您可以检查渲染是否完成得非常快，但脚本可以在初始化后在后台运行几秒钟。即使在快速PC上也需要一些时间。

由https://github.com/angular/zone.js/

完成