使用不同“配置文件”的角度构建

前端之家收集整理的这篇文章主要介绍了使用不同“配置文件”的角度构建前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在Maven( Java)中,有可能构建例如具有不同“简档”的webapp战争,“简档”指示例如要放入配置文件中的web服务的URL.
因此,“测试简档”将指示与“生产简档”的URL不同的URL.

是否有类似于ng build的配置文件

解决方法

对于Angular 6:

为environment文件夹中的每个配置文件创建一个文件

environments/environment.ts
environments/environment.prod1.ts
environments/environment.prod2.ts

并且inisde每个文件放相应的配置文件的参数:

export const environment = {
  production: true,serverUrl: "http://prod1.site.com"
};

您可以在组件/服务中访问参数,如下所示:

import {environment} from '../../environments/environment';

@Injectable()
export class SomeService {
  SERVER_URL: string = environment.serverUrl;

并在配置下在angular.json中添加新的配置文件环境:

"configurations": {
  "prod1": { ... },"prod2": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts","with": "src/environments/environment.prod1.ts"
      }
    ]
  }
}

最后在构建应用程序时选择配置文件

ng build --configuration = prod1

猜你在找的Angularjs相关文章