Обновить версию Angular (сейчас: 2.4.3 или 4.0.0-beta.3), следуя лучшим рекомендациям?
Теперь, когда Angular следит за семантическим версионированием и выпустили Angular2.4.3, я немного запутался в том, что лучше всего делать при переходе на следующую версию Angular в существующем проекте.
У меня есть проект с Angular-Cli, с @angular/core: 2.2.0
, Вот мой package.json
:
"dependencies": {
"@angular/common": "~2.2.0",
"@angular/compiler": "~2.2.0",
"@angular/core": "~2.2.0",
"@angular/forms": "~2.2.0",
"@angular/http": "~2.2.0",
"@angular/platform-browser": "~2.2.0",
"@angular/platform-browser-dynamic": "~2.2.0",
"@angular/router": "~3.2.0",
"@types/jasmine": "^2.5.40",
"angular2-click-outside": "^0.1.0",
"angular2-modal": "^2.0.2",
"bootstrap": "4.0.0-alpha.4",
"bootstrap-loader": "^2.0.0-beta.15",
"core-js": "^2.4.1",
"karma-remap-istanbul": "^0.2.2",
"material-design-icons": "^3.0.1",
"ng2-bootstrap": "^1.1.16",
"ng2-charts": "^1.4.4",
"postcss-loader": "^1.1.1",
"rxjs": "5.0.0-rc.4",
"screenfull": "^3.0.2",
"ts-helpers": "^1.1.1",
"zone.js": "^0.6.23"
},
"devDependencies": {
"@types/jasmine": "^2.2.30",
"@types/node": "^6.0.42",
"angular-cli": "1.0.0-beta.19-3",
"codelyzer": "1.0.0-beta.3",
"jasmine-core": "2.5.2",
"jasmine-spec-reporter": "2.7.0",
"karma": "1.3.0",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
"karma-jasmine": "^1.0.2",
"karma-remap-istanbul": "^0.2.1",
"node-sass": "^3.13.0",
"protractor": "4.0.11",
"replace": "0.3.0",
"ts-node": "1.7.0",
"tslint": "3.15.1",
"typescript": "~2.0.3",
"webdriver-manager": "10.2.8"
}
Вопрос: Как мне перейти на следующую версию Angular (сейчас: 2.4.3 или 4.0.0-beta.3), следуя лучшим рекомендациям? С помощью npm
или же yarn
,
3 ответа
Я обновил свое приложение с Angular 2.4.0
в 4.0.2
без каких-либо изменений кода! Имейте в виду, однако, что это зависит от того, какие функции / классы / методы вы используете.
Я побежал
npm i @angular/common@latest @angular/compiler@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest typescript@latest --S -E
затем
npm i @angular/compiler-cli@latest --D -E
ПРИМЕЧАНИЕ: используйте @latest
если вы хотите последнюю стабильную версию. использование @next
если вы хотите последнюю версию "передовой".
Я предлагаю вам установить библиотеку npm-check-updates. Это позволит вам найти последнюю версию зависимостей, которую вы используете.
Следуйте шагам:
Установить
npm i -g npm-check-updates
Чтобы обновить ваш package.json:
npm-check-updates -u
Чтобы установить последние версии ваших зависимостей
установка npm
Для Windows Вы можете использовать следующую команду
npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --save