时间:2021-05-28
前端开发过程中,我们常常需要根据需求去运行或者打包不同环境的代码,幸运的是,angular给我们提供了environments配置,但是angular6.x的配置方式和angular的其他版本的配置方式是有所不同的,下面我就分别介绍在测试test、预生产pre环境下实现environments配置。
一、angular6.x下environments的配置
首先,在environments文件夹下创建environment.test.ts和environment.pre.ts文件,如下图
然后分别在里面添加如下内容
然后找到angular.json文件,在architect对象下的configurations下添加如下代码:
然后在找到serve,添加如下的代码
可以通过运行ng serve --configuration=test或者ng serve -c test课件在控制台打印:
{production: false, path: "https://test.webapi.sxmaps.com/"} path: "https://test.webapi.sxmaps.com/" production: false __proto__: Object同理运行ng serve --configuration=pre或者ng serve -c pre可获取到预生产环境的域名,所以,你只需要在需要用到环境变量的地方引入即可,如
import {environment} from '../environments/environment';二、angular其他版本environments的配置
同样的,首先在environments创建environment.test.ts和environment.pre.ts,然后按照上文的步骤,在里面添加相同的内容,然后去到angular-cli.json文件找到environments,在里面添加如何内容:
然后通过运行ng s --env=test就可以运行测试环境了,在需要的地方引入environment即可。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
开发项目时会遇到这个问题:开发环境,测试环境,生产环境的配置文件不同,打包时经常要手动更改配置文件,更改的少还可以接受,但是如果需要更多个配置文件,手动的方法就
配置文件概述:应用程序配置文件是标准的XML文件,XML标记和属性是区分大小写的。它是可以按需要更改的,开发人员可以使用配置文件来更改设置,而不必重编译应用程序
1.配置文件概述:应用程序配置文件是标准的XML文件,XML标记和属性是区分大小写的。它是可以按需要更改的,开发人员可以使用配置文件来更改设置,而不必重编译应用
一前言本篇文章的主题是在springboot中写多个配置文件,指定让个配置文件生效,以便于达到在开发环境,测试环境,线上环境根据不同的配置灵活应用;读完本篇你将
Angular6热加载配置方案,分享给大家,具体如下:示例ng版本如下:$ng--version__________/\________||______/___