能否配置项目实现不同Angular版本（4、5）的构建切换？

完全可行！只要精准控制项目依赖的Angular核心包版本，以及匹配的工具链（Angular CLI、Node.js）版本，就能轻松在两个版本间切换构建。下面是具体的实现方法：

一、准备工作：管理Node.js版本（可选但推荐） #

Angular 4和5对Node.js版本有明确要求：

• Angular 4 要求 Node.js ≥6.9.0 且 ≤8.x
• Angular 5 要求 Node.js ≥8.0.0

建议用nvm（Node Version Manager）快速切换Node版本，避免版本冲突：

• 切换到Angular4兼容版本：nvm install 8.17.0，然后执行nvm use 8.17.0
• 切换到Angular5兼容版本：nvm install 10.24.1，然后执行nvm use 10.24.1

二、项目内切换Angular依赖版本 #

方法1：手动修改package.json并重装依赖 #

1. 切换到Angular 4：
   修改package.json中所有@angular/开头的包版本为4.4.7（Angular4的最后稳定版），同时把@angular/cli改为1.7.4（适配Angular4的CLI版本）。示例片段：

   "dependencies": {
     "@angular/animations": "4.4.7",
     "@angular/common": "4.4.7",
     "@angular/compiler": "4.4.7",
     "@angular/core": "4.4.7",
     "@angular/forms": "4.4.7",
     "@angular/http": "4.4.7",
     "@angular/platform-browser": "4.4.7",
     "@angular/platform-browser-dynamic": "4.4.7",
     "@angular/router": "4.4.7"
   },
   "devDependencies": {
     "@angular/cli": "1.7.4",
     "@angular/compiler-cli": "4.4.7",
     "typescript": "2.3.4"
   }
   

   随后删除node_modules和package-lock.json，执行npm install重新安装依赖。

2. 切换到Angular 5：
   修改package.json中所有@angular/开头的包版本为5.2.11（Angular5的最后稳定版），@angular/cli保持1.7.4（该版本同时支持Angular4和5）。示例片段：

   "dependencies": {
     "@angular/animations": "5.2.11",
     "@angular/common": "5.2.11",
     "@angular/compiler": "5.2.11",
     "@angular/core": "5.2.11",
     "@angular/forms": "5.2.11",
     "@angular/http": "5.2.11",
     "@angular/platform-browser": "5.2.11",
     "@angular/platform-browser-dynamic": "5.2.11",
     "@angular/router": "5.2.11"
   },
   "devDependencies": {
     "@angular/cli": "1.7.4",
     "@angular/compiler-cli": "5.2.11",
     "typescript": "2.5.3"
   }
   

   同样删除node_modules和package-lock.json，执行npm install完成切换。

方法2：用npm命令直接指定版本安装 #

无需手动修改package.json，直接执行命令替换依赖版本：

• 切换到Angular4：

  npm uninstall @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router} --save
  npm install @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router}@4.4.7 --save
  npm uninstall @angular/cli @angular/compiler-cli --save-dev
  npm install @angular/cli@1.7.4 @angular/compiler-cli@4.4.7 --save-dev
  

• 切换到Angular5：

  npm uninstall @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router} --save
  npm install @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router}@5.2.11 --save
  npm uninstall @angular/cli @angular/compiler-cli --save-dev
  npm install @angular/cli@1.7.4 @angular/compiler-cli@5.2.11 --save-dev
  

三、验证切换结果 #

执行ng version命令，查看当前Angular核心包和CLI版本是否匹配预期。随后运行ng build构建项目，检查是否能正常编译。

四、注意事项 #

• 第三方库可能对Angular版本有依赖，切换后要确认这些库是否兼容当前版本，必要时同步更新第三方库版本。
• 建议给不同版本的依赖配置做备份，比如将package.json分别存为package.angular4.json和package.angular5.json，切换时直接复制替换，效率更高。

内容的提问来源于stack exchange，提问作者bishwajeet mishra