Angular6+ environment配置

Angular6以往版本自定义environment配置在.angular-cli.json文件中,

1、在.angular-cli.json文件中 “environments中"添加

例如:
"environments": {
           "dev": "environments/environment.ts",
           "prod": "environments/environment.prod.ts",
           "simple": "environments/environment.simple.ts"
       }

2、编译命令

ng build --base-href /saturn/ --prod --env=simple
Angular6.x版本后,.angular-cli.json文件演变成angular.json文件
如果需要加自定义配置文件environment.simple.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
                },
        "simple": {
            "fileReplacements": [
                 {
                    "replace": "src/environments/environment.ts",
                    "with": "src/environments/environment.simple.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
如需使用simple环境,则执行命令
ng build --base-href /myweb/ --prod --configuration=simple

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 中文翻译 ng help ng build 构建您的应用程序并将其放入输出路径(dist /默认情况下)。 别名:...
    4ea0af17fd67阅读 2,058评论 0 0
  • Angular CLI 是什么? Angular CLI 是一个命令行接口(Command Line Interf...
    semlinker阅读 4,221评论 0 39
  • angular2+本地ng serve启动起来的时候一般都是development mode。控制台会有如下提示。...
    avery1阅读 694评论 0 2
  • 介绍 众所周知,在一般web框架开发中,脚手架一直是作为较为重要的一趴,各个框架也都有基于自己框架的脚手架...
    lijinfei阅读 2,075评论 1 3
  • 不争不抢不喜不悲
    蓝小白_阅读 314评论 1 0