angular6 ------ build multiple environments

最新推荐文章于 2020-07-01 10:52:43 发布

原创最新推荐文章于 2020-07-01 10:52:43 发布 · 928 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在 Angular 6 中配置不同环境变量，包括设置开发、测试等环境，通过修改 angular.json 文件实现多环境部署。文章详细说明了如何创建不同的环境文件并为构建过程指定相应的配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

At the first place, before version 6, ng build --env=dev its ok.
but in angular6, –env is not supported . –env got changed into –configuration or -c ( and now is more powerful).
Before pack the project, we need to set multiple environments. In addition to add new file, its required to do some changes in angular.json file.
add new configuration in the build (.. “build”:{“configuration”:…. property })
new build configuration may contain only file Replacements part
add new configuration in the serve { … “serve”: “configurations”: … property
new serve configuration shall contain of browserTarget=”your-project-name:build:staging”

for example:
1. add environment.uat.ts
2. copy configuration property of build and paste in the build. change the configuration name and path into other name and path.
"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 }, "uat": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.uat.ts" } ], "optimization": true, "outputHashing": "all", "sourceMap": false, "extractCss": true, "namedChunks": false, "aot": true, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true }

finally , ng build -c=uat it works!