Cara mengatur lingkungan melalui `ng serve` di Angular 6

Saya mencoba memperbarui aplikasi Angular 5.2 saya ke Angular 6. Saya berhasil mengikuti instruksi dalam panduan pembaruan Angular (termasuk pembaruan angular-cliuntuk ke v6), dan sekarang saya mencoba untuk melayani aplikasi melalui

ng serve --env=local

Tapi ini memberi saya kesalahan:

Opsi tidak dikenal: '--env'

Saya menggunakan beberapa lingkungan ( dev/local/prod), dan ini adalah cara kerjanya di Angular 5.2. Bagaimana saya mengatur lingkungan sekarang di Angular 6?

Anda perlu menggunakan configurationopsi baru (ini berfungsi untuk ng builddan ng servejuga)

ng serve --configuration=local

atau

ng serve -c local

Jika Anda melihat angular.jsonfile Anda, Anda akan melihat bahwa Anda memiliki kontrol yang lebih baik atas pengaturan untuk setiap konfigurasi (aot, optimizer, file lingkungan, ...)

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

Anda dapat memperoleh info lebih lanjut di sini untuk mengelola konfigurasi khusus lingkungan.

Seperti yang ditunjukkan dalam respons lain di bawah ini, jika Anda perlu menambahkan 'lingkungan' baru, Anda perlu menambahkan konfigurasi baru ke tugas pembangunan dan, tergantung pada kebutuhan Anda, untuk tugas-tugas melayani dan menguji juga.

Menambahkan lingkungan baru

Sunting : Agar jelas, penggantian file harus ditentukan di buildbagian ini. Jadi jika Anda ingin menggunakan file ng servetertentu environment(misalkan dev2 ), Anda harus terlebih dahulu memodifikasi buildbagian untuk menambahkan konfigurasi dev2 baru

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

Kemudian modifikasi servebagian Anda untuk menambahkan konfigurasi baru juga, menunjuk ke konfigurasi dev2 build yang baru saja Anda nyatakan

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

Kemudian Anda dapat menggunakan ng serve -c dev2, yang akan menggunakan file konfigurasi dev2

Jawaban ini sepertinya bagus.
Namun, itu mengarahkan saya ke kesalahan karena itu dihasilkan dengan
Configuration 'xyz' could not be found in project ...
kesalahan dalam membangun.
Diperlukan tidak hanya untuk memperbarui konfigurasi bangunan , tetapi juga melayani yang.

Jadi hanya untuk tidak meninggalkan kebingungan:

1. --env tidak didukung di angular 6
2. --envdiubah menjadi --configuration|| -c(dan sekarang lebih kuat)
3. untuk mengelola berbagai env, selain menambahkan file lingkungan baru, sekarang diperlukan untuk melakukan beberapa perubahan pada angular.jsonfile:
   • tambahkan konfigurasi baru di properti build { ... "build": "configurations": ...
   • konfigurasi bangunan baru mungkin hanya berisi fileReplacementsbagian, (tetapi lebih banyak opsi tersedia)
   • tambahkan konfigurasi baru di properti serve { ... "serve": "configurations": ...
   • konfigurasi servis baru harus berisibrowserTarget="your-project-name:build:staging"

Anda dapat mencoba: ng serve --configuration=dev/prod

Untuk membangun gunakan: ng build --prod --configuration=dev

Semoga Anda menggunakan lingkungan yang berbeda.

Untuk Sudut 2 - 5 lihat artikel Multiple Environment di sudut

Untuk penggunaan Angular 6 ng serve --configuration=dev

Catatan: Lihat artikel yang sama untuk angular 6 juga. Tapi di mana pun Anda temukan --envgunakan --configuration. Itu bekerja dengan baik untuk sudut 6.

Anda dapat menggunakan perintah ng serve -c devuntuk lingkungan pengembangan ng serve -c produntuk lingkungan produksi

sementara membangun juga sama berlaku. Anda dapat menggunakan ng build -c devuntuk membangun dev

Angular tidak lagi mendukung --env sebagai gantinya Anda harus menggunakan

ng serve -c dev

untuk lingkungan pengembangan dan,

ng serve -c prod 

untuk produksi.

CATATAN: -catau--configuration

Gunakan perintah ini untuk membangun Angular 6

ng build --prod --configuration=dev