Angular 2 polyfills 初始化时间太长答案

【问题标题】：Angular 2 polyfills initializing takes too longAngular 2 polyfills 初始化时间太长
【发布时间】：2017-03-30 00:49:43
【问题描述】：

我是前端开发的新手，并且在使用 angular2 应用时遇到了一些问题。

正如您在下面的时间线捕获中看到的，polyfills 耗时太长（几乎 6 秒！）这似乎不正常。但是，我不知道我能做些什么来减少这个 polyfills 时间。

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%，但页面加载速度并没有变得更快。

页面加载这么长的原因是什么？

【问题讨论】：

标签： javascript angular webpack

【解决方案1】：

欢迎使用 angular2 单页应用 :)。恕我直言，A2 仍处于开发状态。这种行为是正常的，取决于操作系统/浏览器/组件编号渲染需要几秒钟。由于与 A2/vendors/polyfills 捆绑的文件约为 800kb+（最小化），因此需要一些时间才能将所有文件读入浏览器内存。

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

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

【讨论】：