不再需要 core-js 了吗？

Question

我已经将一个 Angular 项目从版本 7 更新到了 8。一切运行顺利，原理图完成了它的工作（也许），我们还好（项目甚至在生产中）。当我们更新 Angular CLI 时，我们总是会生成一个新项目来查看真正的差异并从中学习，例如新的依赖项、配置等。

使用 Angular CLI 8.0.4 生成新的 Angular 项目时，新应用程序没有core-js依赖项：

"dependencies": {
    "@angular/animations": "~8.0.1",
    "@angular/common": "~8.0.1",
    "@angular/compiler": "~8.0.1",
    "@angular/core": "~8.0.1",
    "@angular/forms": "~8.0.1",
    "@angular/platform-browser": "~8.0.1",
    "@angular/platform-browser-dynamic": "~8.0.1",
    "@angular/router": "~8.0.1",
    "rxjs": "~6.4.0",
    "tslib": "^1.9.0",
    "zone.js": "~0.9.1"
  }

core-js不存在对构建项目的分析包： 在我使用 Angular CLI 更新的旧项目中，core-js是否存在并且存在于最终包中：

"dependencies": {
    "@angular/animations": "~8.0.3",
    "@angular/cdk": "~8.0.1",
    "@angular/common": "~8.0.3",
    "@angular/compiler": "~8.0.3",
    "@angular/core": "~8.0.3",
    "@angular/forms": "~8.0.3",
    "@angular/platform-browser": "~8.0.3",
    "@angular/platform-browser-dynamic": "~8.0.3",
    "@angular/router": "~8.0.3",
    "@auth0/angular-jwt": "2.1.1",
    "@hackages/ngxerrors": "~8.0.0",
    "@ng-bootstrap/ng-bootstrap": "5.0.0-rc.1",
    "@ngx-loading-bar/core": "~4.2.0",
    "@ngx-loading-bar/http-client": "~4.2.0",
    "@nicky-lenaers/ngx-scroll-to": "~2.0.0",
    "@swimlane/ngx-charts": "~12.0.1",
    "bootstrap": "~4.3.1",
    "core-js": "~2.6.9",
    "d3-scale": "~3.0.0",
    "d3-shape": "~1.3.5",
    "date-fns": "2.0.0-beta.2",
    "ngx-perfect-scrollbar": "~8.0.0",
    "ngx-toastr": "~10.0.4",
    "rxjs": "~6.5.2",
    "tslib": "~1.10.0",
    "xlsx": "~0.14.3",
    "zone.js": "~0.9.1"
  }

为什么会出现这种行为？删除core-js依赖项是否安全？更新原理图是否缺少这个？在npm最新项目上安装依赖项时，我从 获得安装后消息core-js，但它没有明确出现在包描述中。

Answer 1

根据这篇文章。

请注意，core-js 已更新到 v3，现在由 CLI 本身直接处理，因此不再需要它作为应用程序的依赖项。

Answer 2

如果您查看src/polyfills.tsAngular 7 或更早版本的项目，您会看到一堆注释并注释掉 import 语句，这些语句允许您通过取消注释来为各种浏览器添加 polyfill - 大多数来自 core.js。

在 Angular 8 中，随着Differential Loading的出现，CLI 将根据您在browserslist文件和 tsconfig 文件中的要求构建 2 个包 - 一个有polyfills ，一个没有polyfill。

作为部署构建过程的一部分，Angular CLI 为您处理差异加载。ng build 命令根据您的浏览器支持要求和编译目标生成用于差异加载的必要包。

与 ng8 中的 core-js 的区别在于，由于 CLI 正在处理 polyfill，core-js 是 CLI 的依赖项。因此，即使您在升级到 ng8 的过程中卸载了 core-js，您也会看到它仍在您的 node_modules 文件夹中，但您不必管理安装了哪个版本。

将项目和 CLI 升级到 angular 8 后，我建议您执行以下操作：

1. 将 polyfills.ts 的内容替换为新生成的 ng8 项目中同一个文件的内容
2. 从您的项目中卸载 core-js。

现在您可以构建您的项目，CLI 负责处理 polyfill。