как построить угловой проект с другой средой

Question

Я использую Angular 5.2 , и мне нужно связать, как это происходит с ng build --prod, но с другой средой

Я пробовал:

ng build --env=qa --aot --vendorChunk --common-chunk --output-hashing=bundles

, ноон не дает мне такой же комплектации, как я вижу с --prod

, он генерирует как файлы .js, так и .js.map

main.66dc6fba707fe2f3314c.bundle.js
main.66dc6fba707fe2f3314c.bundle.js.map

Какие опции я должен использовать, чтобы получить менятот же результат в --prod, но в другой среде?

Answer 1

Когда вы создаете файл среды, нам нужно установить production: true, что по умолчанию включит Production Build с AOT в main.ts.

environment.stage.ts

export const environment = {
  production: true
};

main.ts

if (environment.production) {
  enableProdMode();
}


Cmd: ng build --prod --env=stage

Answer 2

В angular 6 вы можете создать несколько сред в angular.json

Найти конфигурацию и внутри, что вы можете создать несколько сред с различными настройками, которые вы можете найти здесь https://github.com/angular/angular-cli/wiki/angular-cli

пример

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

Как вы можете видеть, я создал другое имя среды: staging

Файл Dummy angular.json https://api.myjson.com/bins/12k70w

Для запуска приложения в определенной средепросто используйте

ng build --configuration=staging

Я также создал файл в среде environment.staging.ts

export const environment = {
    production: true,
    APIEndpoint: "http://0.0.0.0:8080/api"
};