Como definir o ambiente via `ng serve` no Angular 6

Estou tentando atualizar meu aplicativo Angular 5.2 para Angular 6. Segui com êxito as instruções no guia de atualização Angular (incluindo a atualização angular-clipara a v6) e agora estou tentando veicular o aplicativo via

ng serve --env=local

Mas isso me dá erro:

Opção desconhecida: '--env'

Eu uso vários ambientes ( dev/local/prod), e é dessa maneira que estava funcionando no Angular 5.2. Como posso definir o ambiente agora no Angular 6?

Você precisa usar a nova configurationopção (isso funciona para ng builde ng servetambém)

ng serve --configuration=local

ou

ng serve -c local

Se você olhar para o seu angular.jsonarquivo, verá que possui um controle mais preciso sobre as configurações de cada configuração (AOT, otimizador, arquivos de ambiente, ...)

"configurations": {
  "production": {
    "optimization": true,
    "outputHashing": "all",
    "sourceMap": false,
    "extractCss": true,
    "namedChunks": false,
    "aot": true,
    "extractLicenses": true,
    "vendorChunk": false,
    "buildOptimizer": true,
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.prod.ts"
      }
    ]
  }
}

Você pode obter mais informações aqui para gerenciar configurações específicas do ambiente.

Conforme apontado na outra resposta abaixo, se você precisar adicionar um novo 'ambiente', precisará adicionar uma nova configuração à tarefa de construção e, dependendo de suas necessidades, ao serviço e teste tarefas de .

Adicionando um novo ambiente

Editar : para deixar claro, as substituições de arquivos devem ser especificadas na buildseção. Portanto, se você quiser usar ng serveum environmentarquivo específico (por exemplo, dev2 ), primeiro precisará modificar a buildseção para adicionar um novo dev2 configuração do

"build": {
   "configurations": {
        "dev2": {

          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.dev2.ts"
            }
            /* You can add all other options here, such as aot, optimization, ... */
          ],
          "serviceWorker": true
        },

Em seguida, modifique sua serveseção para adicionar uma nova configuração também, apontando para o dev2 build configuração você acabou de declarar

"serve":
      "configurations": {
        "dev2": {
          "browserTarget": "projectName:build:dev2"
        }

Então você pode usar ng serve -c dev2, o que usará o arquivo de configuração dev2

Essa resposta parece boa.
no entanto, isso me levou a um erro, pois resultou em
Configuration 'xyz' could not be found in project ...
erro na compilação.
É necessário não apenas atualizar configurações de compilação , mas também servir outras.

Então, só para não deixar confusões:

1. --env não é suportado em angular 6
2. --envfoi alterado para --configuration|| -c(e agora é mais poderoso)
3. Para gerenciar vários envs, além de adicionar um novo arquivo de ambiente, agora é necessário fazer algumas alterações no angular.jsonarquivo:
   • adicione nova configuração na propriedade build { ... "build": "configurations": ...
   • a nova configuração de compilação pode conter apenas fileReplacementsparte (mas há mais opções disponíveis)
   • adicione nova configuração na propriedade servir { ... "serve": "configurations": ...
   • nova configuração de saque deve conterbrowserTarget="your-project-name:build:staging"

Podes tentar: ng serve --configuration=dev/prod

Para construir use: ng build --prod --configuration=dev

Espero que você esteja usando um tipo diferente de ambiente.

Para Angular 2 - 5, consulte o artigo Multiple Environment in angular

Para uso em Angular 6 ng serve --configuration=dev

Nota: Consulte também o mesmo artigo para o angular 6. Mas onde quer que você encontre, --envuse --configuration. Isso funciona bem para o angular 6.

Você pode usar o comando ng serve -c devpara o ambiente de desenvolvimento ng serve -c prod para de produção

enquanto a construção também se aplica. Você pode usar ng build -c devpara a compilação do desenvolvedor

Angular não suporta mais --env, você deve usar

ng serve -c dev

para o ambiente de desenvolvimento e,

ng serve -c prod 

para produção.

NOTA: -cou--configuration

Use este comando para Angular 6 para criar

ng build --prod --configuration=dev