Angular2 RC6 与 angular-cli / 如何在项目中升级 angular2 版本

Question

我刚刚在新安装的机器上重新安装了 angular-cli ץ 运行 ng --version 时，我得到：

date it to a more recent version.
angular-cli: 1.0.0-beta.10
node: 6.5.0
os: win32 x64

这似乎是最新的更新（根据https://www.npmjs.com/package/angular-cli）

当我使用 ng new MyProject 创建一个新项目时，我看到它使用了 rc4 - 我在某处读到 rc6 已经被支持并且人们成功使用它（但没有关于如何升级的技术细节)。

我的package.json 依赖项如下：

"dependencies": {
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/forms": "0.2.0",
    "@angular/http": "2.0.0-rc.4",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
    "@angular/router": "3.0.0-beta.2",
    "es6-shim": "0.35.1",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.26",
    "zone.js": "0.6.12"
}

如何将我的项目（新项目和现有项目）升级到 rc6 并且仍然可以使用 angular-cli ？

Answer 1

更新： Angular-Cli repo @ GitHub 上的 Upgrading from angular-cli@1.0.0-beta.10 to the angular-cli@webpack 指南。

---

将package.jsondependencies改成这样：

"dependencies": {
"@angular/common": "2.0.0-rc.6",
"@angular/compiler": "2.0.0-rc.6",
"@angular/core": "2.0.0-rc.6",
"@angular/http": "2.0.0-rc.6",
"@angular/forms": "2.0.0-rc.6",
"@angular/router": "~3.0.0-rc.2",
"@angular/platform-browser": "2.0.0-rc.6",
"@angular/platform-browser-dynamic": "2.0.0-rc.6",
"@angular/platform-server": "2.0.0-rc.6",
"@angularclass/conventions-loader": "^1.0.12",
"@angularclass/form-validators": "^1.0.11",
"@angularclass/resolve-angular-routes": "^1.0.8",
"@angularclass/hmr-loader": "~3.0.1",
"@angularclass/hmr": "~1.2.0",
"core-js": "^2.2.0",
"rxjs": "5.0.0-beta.11",
"zone.js": "~0.6.17"}

而 dev-dependencies 是这样的：

"devDependencies": {
"@types/core-js": "^0.9.28",
"@types/node": "^4.0.30",
"assets-webpack-plugin": "^3.4.0",
"awesome-typescript-loader": "^2.2.1",
"cross-spawn": "^4.0.0",
"es6-promise": "^3.1.2",
"es6-shim": "^0.35.0",
"ie-shim": "^0.1.0",
"ignore-loader": "^0.1.1",
"json-loader": "^0.5.4",
"raw-loader": "^0.5.1",
"rimraf": "^2.5.4",
"string-replace-loader": "github:gdi2290/string-replace-loader",
"to-string-loader": "^1.1.4",
"ts-helpers": "github:gdi2290/ts-helpers",
"ts-loader": "^0.8.2",
"ts-node": "^1.2.2",
"typescript": "^2.0.0-beta",
"webpack": "^2.1.0-beta.22",
"webpack-dashboard": "0.0.1",
"webpack-dev-middleware": "^1.6.1",
"webpack-dev-server": "^2.1.0-beta.0"}

或将您的package.json替换为 Github 上来自 Angular2-Seed 的这个：https://github。 com/AngularClass/angular2-seed/blob/master/package.json

请注意：

• Angular2 使用 core-js 而不是 es6-shim
• Webpack 优于 angular-cli system.js (check this discussion)