Angular在构建时不替换环境文件

Question

我正在尝试构建我的 Ionic 5 项目以用于生产，但 environment.ts 文件未替换为 environment.prod.ts。互联网上有很多可用的解决方案，但没有一个能解决它。以下是我的项目的ng --version。

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1002.1
@angular-devkit/build-angular   0.1002.0
@angular-devkit/core            10.2.0
@angular-devkit/schematics      10.2.1
@angular/cli                    10.2.1
@angular/fire                   5.4.2
@schematics/angular             10.2.1
@schematics/update              0.1002.1
rxjs                            6.5.5
typescript                      3.9.7

angular.json文件有以下配置。

            "production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
...

我已经尝试过以下两个导入。

import { environment } from 'src/environments/environment';

import {environment} from './../../../environments/environment';

我已经运行了以下所有命令。

ng build --prod
ng build --configuration=production
ng build --prod --configuration production
npm run ng build -- --prod

运行成功但环境文件没有被替换。运行后我收到以下警告消息。

WARNING in /Users/Myuser/TestProject/src/environments/environment.prod.ts is part of the TypeScript compilation but it's unused.
Add only entry points to the 'files' or 'include' properties in your tsconfig.

Answer 1

使用 ionic build --prod 而不是在 Ionic 项目中运行 ng build。添加离子构建命令链接供参考https://ionicframework.com/docs/cli/commands/build/