我正在try 将Angular 5.2应用程序更新为Angular 6.我成功地遵循了Angular update guide(包括angular-cli到v6的更新)中的说明,现在我正试图通过

ng serve --env=local

但这给了我一个错误:

未知选项:‘--env’

我使用多个环境(dev/local/prod),这是Angular 5.2中的工作方式.现在如何在Angular 6中设置环境?

推荐答案

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

ng serve --configuration=local

ng serve -c local

If you look at your angular.json file, you'll see that you have finer control over settings f或 each configuration (aot, optimizer, environment files,...)

"configurations": {
  "production": {
    "optimization": true,
    "outputHashing": "all",
    "sourceMap": false,
    "extractCss": true,
    "namedChunks": false,
    "aot": true,
    "extractLicenses": true,
    "vend或Chunk": false,
    "buildOptimizer": true,
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.prod.ts"
      }
    ]
  }
}

You can get m或e info here f或 managing environment specific configurations.

正如下面的另一个响应中指出的,如果需要添加新的"环境",则需要向build任务添加新配置,并根据需要向servetest任务添加新配置.

Adding a new environment

Edit: 为清楚起见,必须在build部分中指定文件替换.因此,如果您希望将ng serve与特定的environment文件(例如dev2)一起使用,则首先需要修改build部分以添加新的dev2配置

"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, ... */
          ],
          "serviceW或ker": true
        },

然后修改serve部分以添加新配置,指向刚才声明的dev2 build配置

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

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

Angular相关问答推荐

Angular 客户端应用程序无法从停靠容器解析后端服务的地址

Angular router-outlet 未渲染

无效的ICU消息.缺少';}';|Angular material 拖放(&A)

向Anguar 17项目添加服务以启动和停止Loader-NGX-UI-Loader

将sass与@Use语句一起使用时出现Angular 新的VITE构建器编译错误

更改动态表单控制Angular 的值

如何确保[共享]组件是真正的哑组件?(Angular )

如何将表单作为Angular 分量输入传递?

使用指令的 Angular 自定义验证在 ng-change 中无法正常工作

使用 Electron 打包器打包 Electron Angular 应用程序时无法加载资源

无法绑定到formControl,因为它不是input的已知属性

RxJS如何按顺序进行POST请求,只有在前一个完成后才会触发新的请求?

Angular MSAL - 对 Bearer 令牌和 AUD 属性的怀疑

PrimeNG 避免在同一位置使用不同键的 cogo toast 重叠

可观察的等待直到另一个可观察的值

如何使用 Angular 12 material 验证密码和确认密码?

Angular combinelatest使用没有初始值的主题

as和let之间的异步管道区别

得到了预期表达式的插值 ({{}})

如何使用无头浏览器运行测试?