在现有项目中更新Angular CLI

Question

我正在现有项目中使用angular-cli 1.0.4，我想将版本更新为1.2.4。卸载旧版本并使用npm更新到较新版本并影响我现有项目的最佳方法是什么？它会更新package.json文件的版本。

Answer 1

将your angular cli更新为any版本

的指南

更新2018年10月23日参考：how to update an app when ng cli and angular change version best practice：

  

如果您使用的是Angular CLI版本6+，请运行ng update，然后按照   命令行指令。另请查看本指南Updating your Angular projects

最近我正在将我的项目从1.0.4升级到1.3.0-beta，但是在任何角度cli版本的情况下都适用。

首先，只需安装您希望将项目升级到的角度cli，就像https://github.com/angular/angular-cli#updating-angular-cli所说：

npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@<put exact version here>

升级步骤：

1. 创建一个new blank项目，例如ng new project-name ，您可以将new "playground" project命名为old project，但要确保它位于不同的app来自当前文件夹的文件夹。

2. 将old project文件夹从您刚创建的new project复制/替换为package.json

3. 将所有自定义更改带到项目中的所有其余文件：
   3A。将旧项目中与项目相关的所有npm包放入package.json（使用比较工具） 新旧@anngular/cli@version之间的差异将只是karma及其相关的软件包版本，如.angular-cli.json等
   3B。使用比较工具（ 请参阅下面的更新 ），确保将所有自定义内容整合到所有与cli相关的文件中，例如.gitignore，{{1} }，index.html，src/polyfills.ts，src/main.ts，src/test.ts等

4. 运行npm install或yarn

5. 全部测试npm scripts：
   5a - 运行ng serve以确保它有效，如果没有修复错误
   5b - 运行ng build以确保它有效，如果没有修复错误
   5c - 运行ng lint以确保它有效，如果没有修复错误
   5d - 运行ng test以确保其有效，如果没有修复错误（{3}}在该步骤中） 5e - 测试您的应用所依赖的所有其他npm scripts。

完成上述所有操作后，您可以删除或归档old project以防万一，从那时起继续使用new project。

  

更新：您还可以使用此here is an error I’ve being caught找出版本之间的差异，例如angular-cli-diff（请参阅Files changed标签）

所以使用https://github.com/cexbrayat/angular-cli-diff/compare/1.4.0...1.5.0，你可以：

1. 区分cli版本，例如：angular-cli-diff
2. 点击File changed标签
3. 将更改应用于当前项目。
4. npm install / yarn
5. 按上述步骤5(a-e)测试更改

Answer 2

看看Angular-Cli docs。您不需要创建新项目。

全球包装：

npm uninstall -g @angular/cli
npm cache clean
# if npm version is > 5 then use `npm cache verify` to avoid errors (or to avoid using --force)
npm install -g @angular/cli@latest

本地项目包：

rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShell
npm install --save-dev @angular/cli@latest
npm install

Answer 3

上述两个答案都是正确的，并且基于与今天事实上相同的方法。

Angular CLI计划在其中一个版本中添加更新功能。

要更新您的其他依赖项，可以通过将它们移动到第二个package.json来实现一种优雅的方式。您可以使用Yarn Workspaces或package-json-merge。有关我网站的更多信息：https://www.rainerhahnekamp.com/en/updating-angular-cli-dependencies/