本文介绍如何在Angular6及以上版本中配置自定义环境变量。通过修改angular.json文件，可以轻松切换不同的环境配置，比如开发环境、生产环境及特定环境，如zhizhongbao环境。
Angular6以往版本自定义environment配置在.angular-cli.json文件中，
1、在.angular-cli.json文件中 “environments中"添加
例如：
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts",
"zhizhongbao": "environments/environment.zhizhongbao.ts"
}
2、编译命令
ng build --base-href /saturn/ --prod --env=zhizhongbao
Angular6.x版本后，.angular-cli.json文件演变成angular.json文件
如果需要加自定义配置文件environment.zhizhongbao.ts
1、在angular.json文件中如下配置：
"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
},
"zhizhongbao": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.zhizhongbao.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true
}
}
2、无任何配置，默认编译prod命令
ng build --base-href /myweb/ --prod --configuration=production
如需使用zhizhongbao环境，则执行命令
ng build --base-href /myweb/ --prod --configuration=zhizhongbao
扫一扫
76
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
