如何在Angular 6中通过“ng serve”设置环境

你需要使用新的configuration选项(这也适用于ng build和ng serve)

ng serve --configuration=local

或

ng serve -c local

如果你查看你的angular.json文件，你会发现你可以更好地控制每个配置的设置(aot，优化器，环境文件，…)

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

你可以获得更多信息在这里来管理特定环境的配置。

正如下面的另一个响应所指出的，如果你需要添加一个新的“环境”，你需要向构建任务添加一个新的配置，根据你的需要，还需要向服务和测验任务添加一个新的配置。

添加新环境

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

然后修改你的serve部分来添加一个新的配置，指向你刚刚声明的dev2 build配置

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

然后你可以使用ng serve -c dev2，它将使用dev2配置文件

这答案似乎不错 然而，它导致了一个错误，因为它的结果是
Configuration 'xyz' could not be found in project ... < br > 编译错误。
它不仅需要更新构建配置，还需要更新服务 的人。< / p >

为了不让大家困惑

1. --env在angular 6中不支持
2. --env变成了--configuration || -c(现在更强大)
3. 来管理各种环境，除了添加新的环境文件外，现在还需要在angular.json文件中做一些更改:
   • 在构建 { ... "build": "configurations": ...属性中添加新的配置
   • 新的构建配置可能只包含fileReplacements部分，(但有更多选项可用)
   • 在服务 { ... "serve": "configurations": ...属性中添加新的配置
   • new 服务配置应该包含browserTarget="your-project-name:build:staging"
   李< / ul > < / >

在Angular 6中使用这个命令来构建

ng build --prod --configuration=dev

对于Angular 2 - 5，请参考文章angular中的多重环境

对于Angular 6，使用ng serve --configuration=dev

注意:angular 6也可以参考同一篇文章。但是无论你在哪里找到--env，都应该使用--configuration。这对于angular 6很有效。

你可以试试:ng serve --configuration=dev/prod

要构建使用:ng build --prod --configuration=dev

希望你正在使用一种不同的环境。

而建筑也同样适用。你可以使用ng build -c dev进行开发构建

Angular不再支持——env，你必须使用

ng serve -c dev

对于发展环境和

ng serve -c prod

用于生产。

注意:-c或--configuration

这适用于Angular 12

步骤1:

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