为我的 Angular 应用程序升级包答案

【问题标题】：Upgrading packages for my Angular application为我的 Angular 应用程序升级包
【发布时间】：2018-01-23 15:11:41
【问题描述】：

我正在尝试为我的前端应用程序集成 Karma 和 Jasmine，该应用程序目前位于 Angular4 和 webpack 上。我应该将所有软件包升级到最新版本吗？例如，我正在使用webpack1.x、typings、typescript 2.0.3 等...我应该将它们分别升级到webpack2、@types 和typescript@latest 吗？

当我查看 Angular 的 package.json 时，我发现他们正在使用 Webpack1.x。但是webpack1 已被弃用，webpack 鼓励大家切换到 v2。

上面提到的所有包都与它们的包相辅相成吗？如，当使用typescript2 时，我应该使用@types 而不是typings 和webpack2 而不是1.x？

【问题讨论】：

我会使用 Angular cli。它们可能提供比您拥有的更好的构建过程，并为您维护依赖关系。如果你不得不问这个问题，你最好使用比自定义构建更简单的东西。

标签： angular unit-testing webpack karma-jasmine package.json

【解决方案1】：

手动更新依赖项的最佳选择是运行 npm update，现在我认为没有必要，因为 Angular 会在必要时要求更新对等依赖项（并且也会通知您！）。

【讨论】：

但是考虑到 V1 已被弃用，是否绝对有必要将 Webpack 升级到 V2？我们可以继续使用已弃用的软件包多久？另外由于 Angular 还没有更新 Webpack，我必须要更新吗？
这些都是旧的依赖项。我发布了新的依赖，其中 wepback 不是对等依赖

【解决方案2】：

如果你想知道当前的依赖结构：

{
  "name": "proj",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "core-js": "^2.4.1",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "1.3.0-rc.3",
    "@angular/compiler-cli": "^4.2.4",
    "@angular/language-service": "^4.2.4",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "~3.1.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.2.0",
    "tslint": "~5.3.2",
    "typescript": "~2.3.3"
  }
}

并运行 npm update 以更新到您的配置允许的最新软件包。

【讨论】：