angular

당신은 새로운 사용해야 configuration옵션 (이 작품 ng build과 ng serve뿐만 아니라를)

ng serve --configuration=local

또는

ng serve -c local

angular.json파일 을 보면 각 구성 (Aot, Optimizer, 환경 파일 등)에 대한 설정을보다 세밀하게 제어 할 수 있습니다.

"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"
      }
    ]
  }
}

환경 별 구성 관리에 대한 자세한 정보는 여기 에서 얻을 수 있습니다 .

아래의 다른 응답에서 지적했듯이 새 ‘환경’을 추가해야하는 경우 빌드 작업 및 필요에 따라 서브 및 테스트 작업에 새 구성을 추가해야합니다 .

새로운 환경 추가

편집 : 명확하게하려면 파일 교체를 build섹션 에서 지정해야합니다 . 따라서 ng serve특정 environment파일 ( dev2 ) 과 함께 사용 하려면 먼저 build새로운 dev2 구성 을 추가하기 위해 섹션을 수정해야 합니다

"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
        },

그런 다음 방금 선언 serve한 dev2 build 구성을 가리키면서 새 구성을 추가하도록 섹션을 수정하십시오.

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

그런 다음 ng serve -c dev2dev2 구성 파일을 사용하는을 사용할 수 있습니다

답변

ng serve -c dev

ng serve -c prod

ng build --prod --configuration=dev