Angular CLI v6执行ng build时'--bh'选项报错问题咨询

版本信息 #

Angular CLI: 6.0.0
Node: 8.11.1
OS: win32 x64
Angular: 6.0.0
... animations, cli, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, platform-server, router

Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.6.0
@angular-devkit/build-angular 0.6.0
@angular-devkit/build-optimizer 0.6.0
@angular-devkit/core 0.6.0
@angular-devkit/schematics 0.6.0
@angular/cdk 6.0.1
@angular/flex-layout 6.0.0-beta.15
@angular/material 6.0.1
@ngtools/webpack 6.0.0
@schematics/angular 0.6.0
@schematics/update 0.6.0
rxjs 6.1.0
typescript 2.7.2
webpack 4.6.0

问题重现 #

执行build命令时使用了旧的短参数：

ng build --configuration=stage --bh /XYZ/

触发错误：

Unknown option: '--bh'

问题原因 #

Angular CLI v6开始移除了--bh这个--base-href的短写参数，官方文档更新滞后导致你遇到了这个问题。

解决方案 #

你有两种方式可以设置base href：

• 方式一：使用完整参数名
  直接用完整的--base-href替代--bh即可：

  ng build --configuration=stage --base-href /XYZ/
  

• 方式二：在配置文件中预设
  打开项目根目录的angular.json，找到对应stage环境的build配置节点：

  "projects": {
    "your-project-name": {
      "architect": {
        "build": {
          "configurations": {
            "stage": {
              // 保留原有配置，新增以下字段
              "baseHref": "/XYZ/"
            }
          }
        }
      }
    }
  }
  

  保存后直接执行命令即可，无需再带base href参数：

  ng build --configuration=stage
  

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