如何在 Angular6 中提供自定义环境

Tam*_*mpa 2 angular

根据 Angular 6 的自述文件:

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
Run Code Online (Sandbox Code Playgroud)

在 6 之前,对于我的本地环境,我将运行以下命令:

  ng serve --env=local
Run Code Online (Sandbox Code Playgroud)

好吧,不再了......

在 angular.json 中我添加了以下内容:

 "configurations": {
      "local": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.local.ts"
                }
              ]
            },
Run Code Online (Sandbox Code Playgroud)

那么我如何服务我的本地环境呢?

我尝试了以下方法:

ng serve --configuration=local
Configuration 'local' could not be found in project
Run Code Online (Sandbox Code Playgroud)

R. *_*rds 5

假设您在angular.json的部分local下添加了配置,您还需要在该部分中添加一项。buildserve

像这样的东西:

"serve": {
  ...
  "configurations": {
    "production": {
      "browserTarget": "programName:build:production"
    },
    "local": {
      "browserTarget": "programName:build:local"
    }
  }
Run Code Online (Sandbox Code Playgroud)

然后您可以像这样提供应用程序:

ng s -c=local
Run Code Online (Sandbox Code Playgroud)