Angular部署Staging环境时文件替换未生效问题求助

问题根源 #

你执行的构建命令格式错误，Angular CLI无法识别--staging参数，因此 fallback 到了angular.json里设置的defaultConfiguration: "production"。npm传递参数给底层命令时需要用--做分隔，否则参数会被npm本身拦截，无法传递给ng build。

解决方案 #

1. 修正构建命令

将Bitbucket Pipeline中的命令从：

npm run build --staging

修改为以下两种正确格式之一：

• 完整参数格式：

  npm run build -- --configuration staging
  

• 缩写参数格式（-c是--configuration的缩写）：

  npm run build -- -c staging
  

2. 更友好的脚本配置（推荐）

在项目根目录的package.json中添加专门的环境构建脚本，避免每次手动输入复杂参数：

{
  "scripts": {
    "build": "ng build",
    "build:dev": "ng build --configuration development",
    "build:staging": "ng build --configuration staging",
    "build:prod": "ng build --configuration production"
  }
}

之后Bitbucket Pipeline只需执行：

npm run build:staging

这种方式更直观，也减少参数输入错误的概率。

3. 本地验证

在部署前可以先在本地执行对应命令，构建完成后检查dist目录下编译后的代码，确认apiUrl是否为Staging环境的配置，确保配置生效后再推送修改到Bitbucket。

额外说明 #

你的angular.json中Staging环境的fileReplacements配置是正确的，只要构建命令正确，就能自动替换为environment.staging.ts的内容。

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