web-dev-qa-db-ja.com

環境を追加/設定する方法Angular 6 angular.jsonファイル

Angular 6で使用する環境を指定するにはどうすればよいですか？ .angular-cli.jsonファイルは、以前のバージョンからangular.jsonに変更され、その中のjsonの構造が変更されたようです。

使用する環境をこのファイルのどこでどのように指定しますか？

angularangular6
38
Danoram

Angular.jsonファイルを開きます。デフォルトで設定が表示され、それぞれの環境の本番用の追加コードスニペットが表示されます。 devの環境にenvironment.dev.tsファイルを追加し、qaのenvironment.qa.tsを追加します。お好みの名前を付けてください。つかいます

 ng serve --configuration=environment_name

environment_name-（dev、qa、prod）ng buildで同じプロセスに従うことができます

"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
        },
        "dev": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.dev.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": true,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true
        },
        "qa": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.qa.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true
        }
      }
43
rawoof ahamed

Angular 6アプリに新しい構成「テスト」を追加する答えを試してから、実行しました

ng serve --configuration=test

「構成 'test'がプロジェクトに見つかりませんでした」というエラーが表示されました。 angular.jsonファイルを確認すると、「build」の下に「serve」と呼ばれる別のセクションがあります。新しい設定は、「serv」の下の設定セクションに追加して、ng serveが動作するようにする必要があります。

"serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "my-app:build"
      },
      "configurations": {
        "production": {
          "browserTarget": "my-app:build:production"
        },
        "test": {
          "browserTarget": "my-app:build:test"
        }
      }
    },
13
wctiger

Angular.jsonには、devおよびprodで使用するファイルを指定するプロパティがあり、通常どおり、プロジェクトにenvironment.tsをインポートして必要なものを取得します。

"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
        }
      }
0
Joshua Chan