微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angular 多环境匹配

一直以来,不太清楚angular切换生产环境后是怎么匹配的,今天无意间看见一个关于这个问题的详细视频,所以记录下来,希望对自己和大家有些帮助!!,话不多说,上代码

首先 1.我们会在angular-cli.json里边看见environment属性

分享图片

environment里边包含着我们项目所需环境。

2.在angular项目目录中会存在一个environments的文件夹,里边放这我们所需环境文件

分享图片

需注意的是每一个环境文件中都有一个production属性,该属性值在各文件中必须保持一致,如:production: false,另外环境配置文件中还可以写一些自定义属性,如:

分享图片

3.在main.ts文件中会有

if (environment.production) {
enableProdMode();
判断是否为生产环境,当为生产环境是会自动调用enableProdMode()方法,当为其他环境时则不调用方法,当我们想要运行某环境时,我们可以通过设置angular.json的中的环境,只需给当前要
运行环境添加 --evn=环境名,如:
"start": "ng serve --hmr --env=dev --port=9000",(此处dev与angular-cli.json里面environment对象中的键对应);
 
 
简陋描熟,忘不吝赐教!!!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐