Cách đặt môi trường thông qua `ng phục vụ` trong Angular 6

Tôi đang cố gắng cập nhật ứng dụng Angular 5.2 của mình lên Angular 6. Tôi đã thực hiện thành công các hướng dẫn trong hướng dẫn cập nhật Angular (bao gồm cả bản cập nhật của angular-cliv6) và hiện tôi đang cố gắng phục vụ ứng dụng thông qua

ng serve --env=local

Nhưng điều này cho tôi lỗi:

Tùy chọn không xác định: '--env'

Tôi sử dụng nhiều môi trường ( dev/local/prod) và đây là cách nó hoạt động trong Angular 5.2. Làm cách nào tôi có thể thiết lập môi trường bây giờ trong Angular 6?

Bạn cần phải sử dụng mới configurationtùy chọn (công trình này cho ng buildvà ng servecũng)

ng serve --configuration=local

hoặc là

ng serve -c local

Nếu bạn xem angular.jsontệp của mình , bạn sẽ thấy rằng bạn có quyền kiểm soát tốt hơn đối với các cài đặt cho từng cấu hình (aot, trình tối ưu hóa, tệp môi trường, ...)

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

Bạn có thể nhận thêm thông tin ở đây để quản lý các cấu hình cụ thể của môi trường.

Như được chỉ ra trong phản hồi khác bên dưới, nếu bạn cần thêm một 'môi trường' mới, bạn cần thêm một cấu hình mới cho tác vụ xây dựng và tùy thuộc vào nhu cầu của bạn, cho các nhiệm vụ phục vụ và thử nghiệm .

Thêm một môi trường mới

Chỉnh sửa : Để làm cho nó rõ ràng, thay thế tập tin phải được chỉ định trong buildphần. Vì vậy, nếu bạn muốn sử dụng ng servevới một environmenttệp cụ thể (giả sử dev2 ), trước tiên bạn cần sửa đổi buildphần để thêm cấu hình dev2 mới

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

Sau đó sửa đổi servephần của bạn để thêm một cấu hình mới, chỉ vào cấu hình dev2 build bạn vừa khai báo

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

Sau đó, bạn có thể sử dụng ng serve -c dev2, sẽ sử dụng tệp cấu hình dev2

Câu trả lời này có vẻ tốt.
tuy nhiên, nó dẫn tôi đến một lỗi vì nó gây ra
Configuration 'xyz' could not be found in project ...
lỗi trong quá trình xây dựng.
Nó không chỉ cần thiết để cập nhật các cấu hình xây dựng , mà còn phục vụ các cấu hình .

Vì vậy, chỉ để lại không nhầm lẫn:

1. --env không được hỗ trợ trong angular 6
2. --envđã đổi thành --configuration| | -c(và bây giờ mạnh hơn)
3. để quản lý các env khác nhau, ngoài việc thêm tệp môi trường mới, giờ đây cần phải thực hiện một số thay đổi trong angular.jsontệp:
   • thêm cấu hình mới trong xây dựng { ... "build": "configurations": ... bất động sản
   • cấu hình bản dựng mới có thể chỉ chứa fileReplacementsmột phần, (nhưng có nhiều tùy chọn hơn)
   • thêm cấu hình mới trong phục vụ { ... "serve": "configurations": ... bất động sản
   • cấu hình phục vụ mới sẽ chứabrowserTarget="your-project-name:build:staging"

Bạn co thể thử: ng serve --configuration=dev/prod

Để xây dựng sử dụng: ng build --prod --configuration=dev

Hy vọng bạn đang sử dụng một loại môi trường khác nhau.

Đối với Angular 2 - 5 hãy tham khảo bài viết Nhiều môi trường trong góc

Đối với sử dụng Angular 6 ng serve --configuration=dev

Lưu ý: Tham khảo cùng một bài viết cho góc 6 là tốt. Nhưng bất cứ nơi nào bạn tìm thấy --envthay vì sử dụng --configuration. Điều đó hoạt động tốt cho góc 6.

Bạn có thể sử dụng lệnh ng serve -c devcho môi trường phát triển ng serve -c prodcho môi trường sản xuất

trong khi xây dựng cũng áp dụng tương tự. Bạn có thể sử dụng ng build -c devđể xây dựng dev

Angular không còn hỗ trợ --env thay vào đó bạn phải sử dụng

ng serve -c dev

cho môi trường phát triển và,

ng serve -c prod 

cho việc sản xuất.

LƯU Ý: -choặc--configuration

Sử dụng lệnh này cho Angular 6 để xây dựng

ng build --prod --configuration=dev